--- title: "React Native takes a giant leap forward" publication: "React Status" issue: 404 published_at: "2024-10-30" canonical_url: "https://react.statuscode.com/issues/404" --- And so does React Compiler, Next.js, and even shadcn/ui. | #​404 — October 30, 2024 [Read on the Web](https://react.statuscode.com/issues/404) 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/web-perf-v2/?utm_source=email&utm_medium=reactstatus&utm_content=webperfv2) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/fubavijocxgh1bzfew5m.jpg)](https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here) [React Native's _New Architecture_ is Here](https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here) — With the [release of React Native 0.76](https://reactnative.dev/blog/2024/10/23/release-0.76-new-architecture), the so-called ‘New Architecture’ becomes the default. This opens up numerous modern React features like `useLayoutEffect` and Suspense, as well as better ways to work with native interfaces without a bridge (in short, working with the native runtime is faster and more direct). The React Team [React Compiler Beta Release](https://react.dev/blog/2024/10/21/react-compiler-beta-release) — Five months ago we got our first official introduction to [React Compiler](https://react.dev/learn/react-compiler), a new approach to improving React app performance by optimizing code at build time. It’s now a step closer, and React 17+ users and library maintainers are encouraged to give it a spin. Lauren Tan [![\](https://copm.s3.amazonaws.com/0ef424ba.png)](https://frontendmasters.com/courses/web-perf-v2/?utm_source=email&utm_medium=reactstatus&utm_content=webperfv2) [Master Performance and Speed Up Your Site](https://frontendmasters.com/courses/web-perf-v2/?utm_source=email&utm_medium=reactstatus&utm_content=webperfv2) — This detailed video course shares the fundamentals of web performance, covering key Core Web Vitals metrics such as Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP). You'll learn how to best use Lighthouse, WebPageTest and other tools in order to make your site lightning. Frontend Masters sponsor [Next.js 15 Released](https://nextjs.org/blog/next-15) — Last week was a big week for the popular (some may even argue _default_?) React framework with [Next.js Conf](https://nextjs.org/conf) taking place (more on that later) and this major release. It includes a codemod CLI for easier upgrading, async request APIs, alignment with React 19, and more. Vercel 💡 Looking into a different announcement from Next.js Conf, _The New Stack_'s Loraine Lawson [looks into a big update for Turbopack](https://thenewstack.io/newly-stable-next-js-compiler-faster-supports-larger-builds/), Vercel's incremental bundler. **IN BRIEF:** - 📊 [The State of React 2024 survey](https://survey.devographics.com/en-US/survey/state-of-react/2024) has launched, if you want to take it. - Lee Robinson and Delba de Oliveira [present a quick recap of Next.js Conf 2024](https://vercel.com/blog/recap-next-js-conf-2024) and its main announcements. - 📺 Jack Herrington has [▶️ shared the live stream of _React Advanced_](https://www.youtube.com/watch?v=FAkFJ7Mp6Jk) which took place in London last week. [Using shadcn/ui with Next.js 15 and React 19](https://ui.shadcn.com/docs/react-19) — Fresh, valuable documentation from the [shadcn/ui](https://ui.shadcn.com/) project on the specifics of using the popular component library with React 19 generally, though with a slight emphasis on Next.js 15. shadcn 💡 In related news, [how Shadcn cut through the noise and became React’s 'default' component library](https://blog.api-fiddle.com/posts/shadcn-for-react). [Next.js' Journey with Caching](https://nextjs.org/blog/our-journey-with-caching) — A description of a new experimental (aimed at those who are _“feeling adventurous”_ for now) mode that builds on just two concepts: Suspense and `use cache`. Sebastian Markbåge (Next.js) [Building an Image Search App with OpenAI CLIP, Postgres & React](https://www.timescale.com/blog/how-to-build-an-image-search-application-with-openai-clip-postgresql-in-javascript/) — A tutorial that brings together a lot of ideas in one place. CLIP is used to turn images into text descriptions. Postgres is used as a vector database. JavaScript provides the glue for both the frontend (with React) and backend (Node.js). Haziqa Sajid 📄 [How to Bring Your React Native Apps to Life Using Sensors](https://expo.dev/blog/how-to-bring-your-react-native-apps-to-life-using-sensors) Enzo Manuel Mangano (Expo) 📄 [How to Create a React Dropdown (2024 Edition)](https://www.robinwieruch.de/react-dropdown/) Robin Wieruch 📄 [The Big 'Server Waterfall Problem' with RSCs](https://www.epicreact.dev/server-waterfall-problem-rscs) Kent C Dodds 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/chkkskmgyo4xuwctzysx.jpg)](https://recharts.org/en-US/) [Recharts 2.13: Chart Library Built with React and D3](https://recharts.org/en-US/) — Easy to deploy with declarative components, and native SVG support. Line, bar, scatter, composed, pie, and radar charts are offered. There are [lots of examples](https://recharts.org/en-US/examples), complete with code. [GitHub repo.](https://github.com/recharts/recharts) recharts [Chakra UI v3: The Comprehensive React Component Suite](https://www.chakra-ui.com/blog/00-announcing-v3) — [Chakra](https://www.chakra-ui.com/) is a popular suite of accessible, reusable, and composable React components and v3 is essentially a complete rewrite to modern standards. [GitHub repo.](https://github.com/chakra-ui/chakra-ui) Segun Adebayo [shadcn/ui Sidebars](https://ui.shadcn.com/docs/components/sidebar) — The popular shadcn/ui component library has unveiled a new suite of components for building sidebars. shadcn 📰 Classifieds Everything you need to know to implement [Clean Architecture in Next.js](https://sentry.io/resources/clean-architecture-nextjs/?utm_medium=paid-community&utm_source=reactstatus&utm_campaign=fy25q4-cleanarchitectureworkshop&utm_content=newsletter-cleanarchitectureworkshop-register). Join us live on Nov 4th. --- [Meticulous automatically creates & maintains E2E UI tests](https://www.meticulous.ai?utm_source=react_status&utm_campaign=october25th). Zero flakes. Used by Lattice, Bilt Rewards and others. [Non-Opinionated TypeScript Starter Project for Next.js](https://github.com/jpedroschmitz/typescript-nextjs-starter) — A long standing template gets numerous upgrades to modern versions with support for Next.js 15 (using the app router), React 19, ESLint 9, and more. João Pedro Schmitz - [MUI X 7.22](https://github.com/mui/mui-x/releases/tag/v7.22.0) – Popular React component suite. Now with server-side support for Data Grid row grouping. - [React Native Testing Library 12.8](https://github.com/callstack/react-native-testing-library) – Now with an option to enable concurrent rendering. - [React Modal Sheet 3.3](https://github.com/Temzasse/react-modal-sheet) – Flexible bottom sheet component built with Framer Motion for smooth transitions. - [react-native-permissions 5.1](https://github.com/zoontek/react-native-permissions) – Unified cross-platform permissions API. - 🗓️ [react-calendar 5.1](https://github.com/wojtekmaj/react-calendar) – The 'ultimate' calendar for your React app. - [Rockpack 4.5](https://github.com/AlexSergey/rockpack) – React app starter/generator. 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