~reactstatus | Bookmarks (133)

React Trends in 2025 — Each year Robin does a post giving his opinion on what trends he sees arising over the next year. Last year, he put his money on Astro, RSCs, Vercel, and Biome – this year he points at React Server Components, shadcn/ui, TanStack Start, React Router, and more.

SSR Deep Dive for React Developers — Explore step-by-step how Server-Side Rendering (SSR), pre-rendering, hydration, and Static Site Generation (SSG) work in React, their costs, performance impact, benefits, and trade-offs.

The Great ESLint v9 Migration Adventure: A Developer's Survival Guide — “Let’s just say… I’ve seen things. I hit all the bumps, took all the wrong turns, and somehow made it to the other side—so you don’t have to.”

KendoReact Free is Here, npm-Install Available! — 50+ robust KendoReact components, including React Data Grid, DatePicker and DropDownList. No sign-ups, trials, or licenses required - you can use KendoReact Free in production, to experiment, or to quickly see what it's all about!

Next.js vs TanStack — An incisive essay from a developer who’s had enough of the Next.js approach and has found solace in the approach offered by the increasingly capable TanStack collection of tools (as well as Vite).

Typist 8.0: Tiptap-Based Rich Text Editor Component — Simple and opinionated. You can try several examples linked in the sidebar. Well suited for basic rich text situations like writing comments or messages and has a single-line mode. GitHub repo.

Instrument, Monitor, Fix: A Hands-On Debugging Class — Join us for a hands-on session where you’ll build it, watch it break, debug it, and go from “no idea what’s wrong” to fixing issues.

Search Input Query: Search Input Query Parser and React Component — A library that can take a supplied structured search query, parse it, generate SQL, as well as a React component for entering such queries. Interesting approach.

UVCanvas: Render Shaded Canvases from React — The examples are fantastic and will give you the idea immediately - they range from clean and simple to things like look like macOS screensavers and lava-lamp-esque experiences.

⌘K: A Fast, Composable, Unstyled 'Command Menu' Control — The home page includes some neat examples in a variety of styles. GitHub repo. Needs React 18+.

🔎 React Native Package Checker — An online tool to check React Native packages for compatibility with the ‘New Architecture’.

Ink 5.2: Build Interactive CLI Apps using React — A terminal-based React renderer so you can build command line apps using React-style components.

React Complex Tree: An Accessible Tree Component — An advanced tree component with multi-select, drag-and-drop, renaming, and keyboard controls.

How The New York Times Migrated from Enzyme to React Testing Library — A thorough look at the technical challenges and strategies the NYT used to perform a piecemeal upgrade of its React testing approach without disrupting either end users or other developers.

A Newsletter to Help Flex Your Product Muscles — Product for Engineers is a newsletter dedicated to helping improve your product skills. Get curated advice on building great products, lessons (and mistakes) they’ve learned building PostHog, and deep dives on the strategies of top startups.

Building APIs with Next.js — A detailed, official introduction to the concepts behind using Next.js’ App Router and route handlers to build public APIs you can expose to web, mobile, and third-party clients.

The URL is a Great Place to Store State in React — This is a surprisingly contentious idea and certainly suits some use cases more than others but, the author argues, “Sometimes, the best place to store state is right in the URL.”

Reimplementing Crossy Road with React Three Fiber — A well put together set of tutorials covering reimplementing the classic Crossy Road game with React Three Fiber. In both written and video form.

Lynx: A Fresh Alternative to React Native? — I’m taking liberties with the headline, but Lynx is a new framework for building JavaScript-powered native apps that draws inspiration from React Native but aims to be more modular and flexible (and eventually framework agnostic). It comes from, and is used by, TikTok, and comes with its own QuickJS-based JavaScript engine.

Electron App Boilerplate App with Modern Dependencies — A basic template app that uses React 19, Tailwind CSS 4, shadcn/ui, Electron Vite, Biome, and includes a GitHub Actions release workflow.

React Server Actions with Toast Feedback — Robin runs through, step-by-step, how to implement toast notifications as a way to provide real-time user feedback.

▶  How to Fix Your Slow React App with React Scan — React Scan is a handy tool you can easily use against your React app to detect and surface performance related issues. If you haven’t been convinced to try it so far, maybe Jack Herrington’s 8-minute tour will change your mind.

Learn How to Enrich PostHog Events with Your User Data — In this guide, you’ll learn how to associate events in PostHog directly to users of your Next.js application. User-level event data can yield insights to inform process optimization, improve user satisfaction and drive growth.

TanStack Form v1.0: Headless, Type-Safe Form State Management — A type-safe, framework agnostic (though closely associated with React), headless and isomorphic way to create and work with forms, with this v1.0 release over two years in the making. If you already use things like Formik or React Hook Form and are wondering how it differs to those, here’s a comparison table.