#​384 — May 8, 2024 Read on the Web ✍️ Last week was a big week for React with the release of the first React 19 beta, as well as React 18.3, so if you missed last week's issue be sure to catch up and check it out :-) Unsurprisingly, this week is a bit quieter.. __ Peter Cooper, your editor React Status Awesome React: The Essential React Libraries and Resources — A well maintained collection of resources relating to the React ecosystem. Starting life as a list of several hundred items, it has since been pared down to fewer than 200 by removing all outdated projects an ..read more

#​383 — May 1, 2024 Read on the Web React Status The React 19 Beta — The React team can say this beta is designed to get library developers prepared for an eventual React 19 release, but that hasn’t stopped everyone digging into all the new features anyway ;-) If you want to upgrade immediately, there’s a thorough upgrade guide, but otherwise, here are the highlights: Full support for Custom Elements. – Custom Element support has always been a thorn in React's side due to how it treats props vs attributes, but finally there's a way! All the latest React Serve ..read more

#​382 — April 24, 2024 Read on the Web React Status ▶  From 0 to Production - A Modern React Tutorial — I’d be surprised if you’re not familiar with Theo, but if not, let’s just say he’s a popular developer YouTuber ? He may become even more popular thank to this video which, over three hours, covers modern React app development, complete with server components, Next.js, TypeScript, the Drizzle ORM, pnpm, and shadcn/ui. Theo GG React Native 0.74 Released — A significant release of the cross-platform native app framework. It includes the Yoga 3.0 layout ..read more

#​381 — April 17, 2024 Read on the Web React Status Wedges: A Collection of UI Components for React — Built and used by the folks at Lemon Squeezy, 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. Lemon Squeezy CSS in React Server Components — 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 fut ..read more

#​380 — April 10, 2024 Read on the Web React Status React Server Components in a Nutshell — A quick overview of RSCs that’s not focused around Next.js! Paul compares the approach taken by several frameworks before sharing his broader thoughts on the technology and why the small Waku framework is worth a look. Paul Scanlon (The New Stack) Introducing Waku's “Pages Router” — Waku (already mentioned above) is an interesting minimal server-side React framework and it’s now also bringing a minimal API to the modern React server components era: “Making a Waku site is n ..read more

#​379 — March 27, 2024 Read on the Web ? A quick note to say React Status is taking next Tuesday off, in celebration of Easter. We'll be back on Wednesday, April 10 :-) __ Your editor, Peter Cooper React Status React Server Components Now in RedwoodJS — If you thought RSCs were a Next.js phenomenon, think again. Implementations are popping up all over, such as in Waku and now RedwoodJS, a full-stack framework founded by GitHub co-founder Tom Preston-Werner that leans on React, Prisma and other technologies to provide a great DX ‘out of the box.’ This post digs deep in ..read more

#​378 — March 20, 2024 Read on the Web React Status React Data Grid: A Fast Excel-Style Data Grid Component — A fantastic live demo that shows off all of this component’s unique features, from grouping rows and columns to handling a million cells without slowdowns. Works with React 18+. GitHub repo. Adazzle MistCSS: Write React Components Using Only CSS — CSS-in-JS is old news.. what about JS-from-CSS? This new approach provides a way to compile CSS-only components into TypeScript for use with React – it’s early days, but an intriguing idea, at least. (Basic  ..read more

#​377 — March 13, 2024 Read on the Web React Status React Geiger: A Way to Hear React Performance Issues — The output is hardly a mellifluous three voice fugue, but Geiger provides an interesting way to make React performance audible by making clicking sounds (akin to a Geiger counter) when things take longer to run than you desire. There’s a live demo but note you may need to refresh or give extra permission for the audio to play. Kristian Dupont Making React Debugging Fun — Join Sentry Launch Week live. We’ll be announcing new error and performance monitoring i ..read more

#​376 — March 6, 2024 Read on the Web React Status Million Lint Now in Public Beta — Million’s mission is to make React apps faster and the new VS Code extension Million Lint takes a new approach: imagine something like ESLint, but for suggesting performance improvements. npx @million/lint@latest in any React app will get you started. Aiden Bai "react-strict-dom" – Why It's So Great? — Meta’s react-strict-dom is an experimental integration of React DOM and StyleX to standardize the development of styled React components, both web and native. Szymon digs into ..read more

#​375 — February 28, 2024 Read on the Web React Status Functional UI Kit: A Unified Figma and React UI Component Kit — It doesn’t feel like anyone has really perfected the Figma - React connection just yet, but this is a great attempt to bridge the design/code gap, funded by Figma’s Community Creators Fund. Alex Yakir et al. Transformational Auth & Identity | Userfront — Userfront is an auth & identity platform that transforms your business to serve free, freemium, and enterprise customers in one place. We specialize in efficiently migrating systems so yo ..read more