--- title: "React 18.3 and faster JSX are on the way" publication: "React Status" issue: 381 published_at: "2024-04-17" canonical_url: "https://react.statuscode.com/issues/381" --- Plus a Qwik vs Next.js comparison, a query builder component, and a look at the other newsletters we produce. | #​381 — April 17, 2024 [Read on the Web](https://react.statuscode.com/issues/381) Together with [![Frontend Masters logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_300,h_70/e_make_transparent/co_white,e_outline:5/nk0tfdvalivacz8rw7rt.png)](https://frontendmasters.com/courses/javascript-quiz/?utm_source=email&utm_medium=reactstatus&utm_content=javascriptquiz) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/tm21kmgvvpwvnvrphisf.jpg)](https://www.lemonsqueezy.com/wedges) [Wedges: A Collection of UI Components for React](https://www.lemonsqueezy.com/wedges) — Built and used by the folks at [Lemon Squeezy](https://www.lemonsqueezy.com/), this is a well thought, aesthetically pleasing set of Radix UI and Tailwind CSS based components. You can also download a Figma file of them to use when mocking up layouts. [GitHub repo](https://github.com/lmsqueezy/wedges). Lemon Squeezy [CSS in React Server Components](https://www.joshwcomeau.com/react/css-in-rsc/) — An exploration of compatibility issues between React Server Components and CSS-in-JS libraries like styled-components, including what some of your options are and what’s coming in future. Josh W Comeau [![\](https://copm.s3.amazonaws.com/a2216579.png)](https://frontendmasters.com/courses/javascript-quiz/?utm_source=email&utm_medium=reactstatus&utm_content=javascriptquiz) [Lydia Hallie Tests Your JavaScript Knowledge](https://frontendmasters.com/courses/javascript-quiz/?utm_source=email&utm_medium=reactstatus&utm_content=javascriptquiz) — Challenge your core knowledge with 50 interactive quiz questions covering topics like the event loop, scopes and closures, classes and prototypes, garbage collection, and more. After each question, you'll get an in-depth visual explanation from Lydia to deepen your understanding of fundamental JS concepts. Frontend Masters sponsor [Next.js 14.2 Released](https://nextjs.org/blog/next-14-2) — As it approaches its eighth birthday, Next.js has passed [1 million monthly active developers](https://twitter.com/rauchg/status/1777759530782515216) and landed this release with support for using Turbopack to improve local development, memory usage, CSS and caching optimizations, improved error messages, and more. It also seems [Next.js 15](https://nextjs.org/blog/next-14-2#react-19) is on the horizon to coincide with React 19. Delba de Oliveira and Tim Neutkens **IN BRIEF:** - ["Much faster JSX element creation"](https://github.com/facebook/react/pull/28768) is on the way for React developers. - It looks like [React 18.3 is on the way](https://github.com/facebook/react/pull/28843) too, as a stepping stone to an eventual React 19 release. - An attempt to [benchmark SSR frameworks and approaches](https://github.com/eknkc/ssr-benchmark) from vanilla React to Remix, Nuxt, Astro, and Next.js. [Qwik vs. Next.js: Which is Right for Your Next Web Project?](https://outshift.cisco.com/blog/qwik-vs-nextjs) — A point by point faceoff and why the author thinks [Qwik](https://qwik.dev/) takes the gold. Samuel Mendenhall (Cisco) 📄 [Why Microsoft Uses React Native for Its Own Cross-Platform Development](https://devclass.com/2024/04/11/react-native-and-why-microsoft-uses-it-for-its-own-cross-platform-development/) Tim Anderson 📄 [A/B Testing at Scale: How We Engineered a Solution with AWS _Lambda@Edge_](https://rahulsuresh.net/blog/ab-testing-millions-of-users-using-aws-lambda-edge) Rahul Suresh (Unacademy) 📺 [Declarative Routes for Next.js and React Router: DRY Routing](https://www.youtube.com/watch?v=MiZcNHJT_Ss) Jack Herrington 📄 [20 Quick-Fire Jotai Tips](https://blog.axlight.com/posts/jotai-tips/) Daishi Kato 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/fuwch8vkkbdflwmantga.jpg)](https://react-querybuilder.js.org/) [React Query Builder 7.2](https://react-querybuilder.js.org/) — A fully customizable query builder component, along with utility functions for importing from, and exporting to, various query languages like SQL, MongoDB, etc. Sapient Global Markets [semantic-autocomplete: A Fast _Semantic_ Search Component](https://github.com/Mihaiii/semantic-autocomplete) — An interesting proof of concept where you can let users search by _meaning_, not just by matching characters. There’s [a live demo here.](https://mihaiii.github.io/semantic-autocomplete/) It uses a ~20MB machine learning model (small by ML standards) on the client side to make it work quickly. Mihai Chirculescu 📰 Classifieds 💬 [Localization Webinar April 18th!](https://app.experiencewelcome.com/events/Zzu5A9/stages/mOfyxy) Learn how to make fast automated translation workflows using the APIs & SDKs from ButterCMS & Lokalise. --- 🗣️"Compared to our previous experiences in the security/auth space, [Userfront is an order of magnitude simpler to use](https://userfront.com/?&utm_source=react-statuscode-com&utm_medium=newsletter_classified_listing&utm_campaign=magnitude&utm_content=transformational)." ⚙️ [react-qrcode-logo](https://github.com/gcoro/react-qrcode-logo) – Render QR codes with embedded logos. Giulia Corò ⚙️ [Craft.js](https://craft.js.org/) – A React framework for building drag and drop page editors. Prev Wong ⚙️ [Kotekan](https://github.com/bndkt/kotekan) – A simple React framework built on Bun and supporting React Server Components. Benedikt Müller ⚙️ [react-native-collapsible-tab-view](https://github.com/PedroBern/react-native-collapsible-tab-view) – A cross-platform collapsible tab view component. Pedro Bern **QUICK RELEASES:** - [Tremor 3.16](https://github.com/tremorlabs/tremor) – React library for building dashboards fast. This release adds support for _funnel charts._ - [React Date Picker 6.8](https://github.com/Hacker0x01/react-datepicker) – Simple date picker component. ([Demo](https://reactdatepicker.com/).) - [TanStack Table 8.16](https://github.com/TanStack/table/releases/tag/v8.16.0) – Headless UI for building tables and datagrids. - [React Icons 5.1](https://react-icons.github.io/react-icons/) – Popular icon packs ready to use in React. - [Mantine 7.8](https://mantine.dev/changelog/7-8-0/) – Popular React component library. - [react-devtools 5.1](https://www.npmjs.com/package/react-devtools) and [react-devtools-inline 5.1](https://www.npmjs.com/package/react-devtools-inline) 😎 Did You Know..? As much as we enjoy making this newsletter, we publish others you might not know about. You can see the most recent issues directly on their homepages: 💛 [JavaScript Weekly](https://javascriptweekly.com/) covers all things JavaScript, but also its broader ecosystem, including TypeScript, WebAssembly, Astro, HTMX, Vue.js, build tools, etc. [Node Weekly](https://nodeweekly.com/) focuses more heavily on the server side of things. 👩‍💻 [Frontend Focus](https://frontendfoc.us/) covers the broad gamut of technologies that appear in the browser: CSS, HTML, accessibility, WebGL, Web APIs – it's all in there. 🐘 [Postgres Weekly](https://postgresweekly.com/), [Go Weekly](https://golangweekly.com/), and [Ruby Weekly](https://rubyweekly.com/) don't need much introduction and are exactly what you'd expect for PostgreSQL, Go, and Ruby/Rails.. ;-) __ _Peter Cooper, your editor_ Curated by Peter Cooper and Terence C. Gannon. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom