~reactstatus | Bookmarks (133)

Find. Fix. Test: Intro to Sentry & Codecov — Code-level visibility, from pre- to post-release, lets devs find and fix errors and slowdowns and deploy with confidence.

🐝 Wasp 0.16: A Rails-Like Framework for React, Node and Prisma — A once common complaint was a lack of larger Ruby on Rails-esque opinionated frameworks for both Node and React. React has picked up various approaches like Next.js and Redwood, but Wasp, now a pretty mature project, goes all the way by calling itself ‘Rails-like’. it’s well worth a look.

☎︎ react-international-phone: A Phone Number Input Component — Not only can you pick a country, it can also guess the country from a number, where possible. react-phone-number-input is another option in this space.

Ruck 9.0: A React Webapp Framework for Deno — A lean React-based way to build modern React apps with Deno using features like ESM, dynamic imports, HTTP imports, and import maps with no transpilation or bundling required.

Why Did You Render: Patches React to Notify You About Avoidable Re-Renders — Can be used to optimize re-renders in your React app or just to track when and why components are re-rendering. v10.0 now supports React 19 (though the author, now a member of the React team, says it’s incompatible with React Compiler optimized apps).

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

Unpic 1.0: A Toolkit for Displaying Images on the Web — A family of components and libraries for working with images on the Web, whether it’s through components for many different frameworks or working with images hosted on many different providers and CDNs.

React-Reverse-Portal 2.2: Build An Element Once, Move It Anywhere — Reverse portals do the opposite of usual portals (which let you send the rendered output of an element to a DOM node of your choice) .. so you can pull rendered elements from elsewhere into a location within your React tree.

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.

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.

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.

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.

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.

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.

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.

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.

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.