--- title: "How React fared in 2024" publication: "React Status" issue: 411 published_at: "2024-12-18" canonical_url: "https://react.statuscode.com/issues/411" --- Plus a look back at the most popular repos of the year. | #​411 — December 18, 2024 [Read on the Web](https://react.statuscode.com/issues/411) 🎄 This week we're taking a look back at how things went in the React world in 2024, as well as revisiting the most clicked items of the year, in case you missed them at the time. **We're taking a Christmas break for two weeks and will be back on January 8, 2025,** so we hope you have a Merry Christmas and a Happy New Year! __ _Peter Cooper and the Cooperpress team_ Together with [![Clerk\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_220,h_64/e_make_transparent/co_white,e_outline:5/j3vhv1hnwqeffgkzzlvu.png)](https://go.clerk.com/AxIOoSB) React Status ![](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/blcutltg0hu6pajzxz8n.jpg) 🗓️ Top React Developments & Items of 2024 React had a good 2024, though it felt quieter than some years in terms of big developments and updates. Every technology has these moments, especially when it's dominant in its space, but nonetheless, a variety of things did happen: - 2024 was framed by the React team's [React Labs February update](https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024) where they confirmed that [_React Compiler_](https://react.dev/learn/react-compiler) was under active development and that React 19 was very much on the way. - Robin Wieruch started the year by [reflecting on React trends in 2024](https://www.robinwieruch.de/react-trends/) and, with hindsight, pretty much hit the mark. [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/2eb7b19d.png)](https://go.clerk.com/AxIOoSB) [Introducing Authentication Support for React Router](https://go.clerk.com/AxIOoSB) — Clerk announces beta support for React Router, including pre-built UI components, server utilities, and low level utilities for any of your custom flows. You can use React Router both as a framework or library with Clerk. Clerk sponsor - [React Conf 2024](https://conf.react.dev/) took place in the outskirts of Las Vegas in May. [Here's a recap](https://react.dev/blog/2024/05/22/react-conf-2024-recap) of the event. - [React Native's _New Architecture_](https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here) went live in React Native 0.76. - Remix and React Router [underwent a merger](https://remix.run/blog/merging-remix-and-react-router) _of sorts_ and [React Router v7](https://remix.run/blog/react-router-v7) landed in November. - [Next.js 15 was released](https://nextjs.org/blog/next-15) with React 19 and React Compiler support (and even more so in [Next.js 15.1](https://nextjs.org/blog/next-15-1)). - We got some new React performance related tools in the shape of [React Geiger](https://github.com/kristiandupont/react-geiger), [React Scan](https://react-scan.com/), and [Million Lint.](https://million.dev/blog/lint-rc) - 🕹️ A full-scale React powered game, [Athena Crisis](https://cpojer.net/posts/athena-crisis-open-source), available [on Steam](https://store.steampowered.com/app/2456430/Athena_Crisis/), went open source. - [Material UI v6](https://mui.com/blog/material-ui-v6-is-out/) arrived just in time to celebrate its 10th birthday. - [The final release of React v19](https://react.dev/blog/2024/12/05/react-19) rounded out the year, landing just over a week ago now. 🥇 Top Articles of the Year Now for a quick look at the top six links we included in the newsletter (skipping things already mentioned above), based on reader engagement: 1. [How to Start a React Project in 2024](https://www.robinwieruch.de/react-starter/) — It seems appropriate we started out 2024 with a look at the pros and cons of a few approaches to kicking off a React app. I bet we'll be getting a 2025 edition soon too! Robin Wieruch 2. [React 19 Cheat Sheet](https://www.epicreact.dev/react-19-cheatsheet) — From Kent C Dodds of [Epic React](https://www.epicreact.dev/) fame came this part cheat sheet and part reminder of some of the things you can do in React 19. Kent C. Dodds 3. [Why Use Redux Today?](https://blog.isquaredsoftware.com/2024/07/presentations-why-use-redux/) — The maintainer of the popular [Redux](https://redux.js.org/) state management library gave a talk at _React Summit 2024_ where he gave a thorough introduction to the history of Redux, how it grew, and the benefits it continues to provide. [There are detailed slides](https://blog.isquaredsoftware.com/presentations/2024-06-why-use-redux-today/?slideIndex=0&stepIndex=0) if you’d prefer not to watch the video. Mark Erikson 4. [Enhancing _The New York Times_' Web Performance with React 18](https://open.nytimes.com/enhancing-the-new-york-times-web-performance-with-react-18-d6f91a7c5af8) — Late in 2023, the team at _The New York Times_ set out to take full advantage of React 18 on its flagship news site. This was an interesting case study looking at the challenges faced in upgrading, and the significant benefits they managed to take advantage of. Ilya Gurevich (NYT) 5. [Component Composition is Great, BTW](https://tkdodo.eu/blog/component-composition-is-great-btw) — A well-regarded author writes about using component composition to avoid conditional rendering for mutually exclusive states (and why we should all be doing the same). Dominik Dorfmeister (AKA TkDodo) 6. [Bulletproof React: A Scalable Architecture for Production Apps](https://github.com/alan2207/bulletproof-react) — A popular opinionated guide to how you can structure a large scale React app. It’s had a few major updates over the years, but notably now includes a Next.js version, with both app router and page router approaches. Alan Alickovic ⚙️ Top Repos of the Year 1. [Next.js SaaS Starter: A Next.js Template for Webapps](https://github.com/leerob/next-saas-starter) — A starter template for building a SaaS-style webapp using Next.js with support for authentication, Stripe integration, and a dashboard for logged-in users. It uses Postgres and Drizzle for the database and UI elements based on shadcn/ui and Tailwind. Lee Robinson (Vercel) 2. [Functional UI Kit: A Unified Figma and React UI Component Kit](https://functional-ui-kit.com/) — Despite many attempts, it doesn’t feel like anyone has really perfected the Figma - React connection yet, but this was a good attempt to bridge the design/code gap, funded by Figma’s [Community Creators Fund.](https://www.figma.com/community-creators/) No updates in several months, however.. Alex Yakir et al. 3. [MistCSS: Build Components with Just CSS](https://typicode.github.io/mistcss/) — Forget about CSS-in-JS, what about JS-_from_-CSS? This approach provided a way to compile CSS-only React components into a TypeScript equivalent, but as of the recent v1.0 release it went a step further and doesn't generate or require any JavaScript at all.. A neat idea. Typicode 4. [assistant-ui: React Components for AI Chat](https://github.com/Yonom/assistant-ui) — It doesn’t just give you the interface components, but has integrations for Vercel AI, Langchain, and talking to other common LLM APIs (e.g. OpenAI’s), enabling you to build your own in-house AI chat system quickly. [Examples.](https://www.assistant-ui.com/examples) Simon Farshid 5. [Puck: A Self-Hosted Drag-and-Drop Editor for React](https://github.com/measuredco/puck) — Sitting somewhere between an old-school WYSIWYG-powered CMS and a headless one, Puck enables content teams to author content using real React components. Want to see a demo? [Of course](https://demo.puckeditor.com/edit). Measured 🎄 We're now off for two weeks for our Christmas break. Merry Christmas if you celebrate too. We return on Wednesday, January 8, 2025. 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