~reactstatus | Bookmarks (132)

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.

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.

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.

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.

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.

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.

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.

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-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.

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.

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.

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.

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!

react-error-boundary 5.0: A Reusable Error Boundary Component — Supporting all React renderers (including React DOM and React Native), you can use this to wrap components and then ‘catch’ errors and render a fallback UI as appropriate.

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.

React-Toastify 11: In-Page Notifications Made Easy — There’s an elaborate demo page here but essentially it’s a flexible, easy to style and customize ‘toast’ style notifications system. GitHub repo.

React-Leaflet 5.0: React Components for Leaflet Maps — Leaflet is a popular JavaScript library for creating interactive maps. This library brings support direct to React 19.

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

Five Tips to Effectively Optimize INP in React Apps — Experience-informed recommendations for optimization techniques to improving performance with specific focus on the Interaction to Next Paint (INP) metric.