~reactstatus | Bookmarks (120)

The First Newsletter Dedicated to Product Engineers — The fastest growing startups increasingly rely on product engineers. They can both figure out what to build and actually build it. Product for Engineers is dedicated to sharing the skills and strategies needed to succeed in this role.

React Material Admin: A Dashboard Template Built with Material UI — Originally a paid-for commercial template but now open-sourced. Take note that it’s based on older versions of some libraries.

React Select 5.10: A Flexible Select Input Control — Supports things like option groups, portals, animations, multiselect, and autocompletion. Accessible too. There are plenty of examples on the homepage to check out. (GitHub repo.)

SRCL: Build React Apps with 'Terminal Aesthetics' — The homepage is a live demonstration of what SRCL has to offer. It’s a suite of React components and styling to recreate a monospaced, terminal-like atmosphere

Storybook 8.5: The UI Component Building and Testing Workshop — Storybook can now run realtime Axe accessibility checks against your stories as you build components, essential for meeting a11y expectations and regulations. React 19, Vite 6, and Angular 19 support are now also baked in, as well as experimental Bun support and project code coverage reporting.

Plug & Play Image Editor For Your React App — Save yourself the headache of building an image editor. Import PinturaEditor, give it an image source, and instantly get features like cropping, rotating, resizing, and annotation. Need help? Support has you covered. Try Pintura for free today.

React Native 0.77 Now with New Styling Capabilities — Now that the New Architecture is here, it’s nice to see the React Native team move on to new features. v0.77 attempts to align RN more with the Web with support for new CSS properties that significantly extend the styling options available, including display: contents.

Picking a State Management Library for a Popular React App — .. and why we went with MobX. The Photoroom team put Zustand, MobX and Redux through their paces and explain why they’re happy with their choice of MobX.

Reanimated 4: New, But Also Very Familiar.. — Software Mansion has released the first beta of Reanimated 4, the next version of a popular way to create smooth, high-performance animations in React Native apps. Looks very promising.

Puck 0.18: A Self-Hosted Visual Editor for React — Now includes a new drag-and-drop engine with full CSS grid and flexbox support to enable advanced layouts. GitHub repo and live demo.

Add Authentication to Your React Router Application in Minutes — Clerk's latest SDK comes fully equipped with pre-built UI components and can be used as a framework or library.

FortuneSheet 1.0: React-Powered Spreadsheet Control — v1.0 switches to a much faster underlying formula parsing and evaluation system. There’s a live Storybook demo.

Accessibility Essentials Every React Developer Should Know — If you’re an experienced frontend developer, these might be second nature to you by now, but this is a good roundup of the entry level ‘table stakes’ for frontend accessibility.

react-nil 2.0: A React 'Null Renderer' — An interesting experiment to use React in situations where you don’t need it to render anything, but you want to use hooks, suspense, context, and other bits of the React lifecycle. Like in, say, a Node app. Maybe this CodeSandbox example will provoke some ideas.

Protect Against Bots, Fraud, and Abuse in Real Time — WorkOS Radar protects your app with advanced device fingerprinting — stop fake signups, free tier abuse, bot attacks and brute force attempts today.

Superglue 1.0: A Way for React to ❤️ Ruby on Rails — Superglue is a library for bringing Ruby on Rails and React closer together in a way that feels as natural as Rails’ default Hotwire and Stimulus-based approach to the frontend.

An Early Look at React's Experimental Animations API — <ViewTransition /> is based on the powerful browser-based View Transition API (unsupported in Firefox for now). It’s only in pre-release versions of React so far, but Matt comes armed with examples and demos for you to get an early feel for the potential.

Five Years of React Native at Shopify — Five years ago, Shopify said React Native was the future for mobile development at their company and they really meant it with every mobile app moving to RN over time. Here’s what they learnt along the way and why they’re sticking with it.

Write CSS Like a Pro — Kevin Powell shares how to create a responsive website from scratch using modern CSS features (such as nesting, utility classes, custom properties, and more). This detailed video course also dives into adding additional polish via animations, view transitions, and more.

Smarter Tools and Best Practices for Mobile Debugging — Join our hands-on workshop to explore practical strategies and tools for React Native debugging.

Docusaurus 3.7: The Docs-Oriented Static Site Generator — The big update for the popular React-powered site generator is React 19 compatibility and all new Docusaurus sites will use React 19 out of the box. And, if you’re using SVGR to seamlessly import and use SVG files as components, you can now more easily configure SVGR to your needs.

Introducing TanStack Start — Imagine if the folks behind TanStack Router, Query, etc. realized they had all the pieces to create a full-stack React framework: that’s TanStack Start. You get full-document SSR, streaming, server functions, and more, out of the box. Could 2025 be TanStack Start's year? Maybe!