#​414 — January 22, 2025

Read on the Web
Together with  Pintura logo
React Status

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

Internet Development Studio Company

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.

Michael Shilman

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.

Pintura sponsor

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.

Novak, Chami, Friedman and Hogan

IN BRIEF:

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.

Eliot Andres (Photoroom)

📊 A Deep Dive into Initial Load Performance Nadia Makarevich

📄 100 React App Ideas – If you’re short of inspiration..? React Practice

📄 How I Migrated My Bare React Native App to Expo Alfred Lieth Årøe

📄 Building Single Page Apps with Next.js Next.js Docs

🛠  Code, Tools & Libraries

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.

Krzysztof Magiera

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.

Measured Corporation Ltd.

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.

Clerk sponsor

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.

Suzhou Ruilisi Technology Co.

  • React Testing Library 16.2 – DOM testing utils that encourage good practices. Adds support for React error handlers.

  • React Admin 5.5 – Framework for building B2B frontend interfaces. Now with React 19 and React Router 7 support.

  • React Scan 0.1 – Automatically scan for performance issues and eliminate slow renders in your app.

  • React Menu 4.3 – Component for building accessible menus and dropdowns. Now supporting React 19.

  • react-keyed-flatten-children 3.1 – Flattens arrays and fragments into a one-dimensional array while preserving keys.

  • BlockNote 0.23 – 'Notion-style' block-based editor.

  • Rspack 1.2

📰 Classifieds

Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by Lattice, Bilt Rewards, etc.

🪄 Codemagic: A great App Center alternative for React Native devs! 8x faster builds, CodePush, easy distribution. 1-month free trial!

🚀 The world’s biggest React conference is on June 13-17! Unique venue, tech authors, Amsterdam tours, & networking. Use REACTSTATUS for 10% off!

📢  Elsewhere in JavaScript

A quick roundup of some of other interesting stories in the broader JavaScript landscape, in case you've missed them: