~reactstatus | Bookmarks (117)

Gemini: Google's AI App Adds 'Canvas' Mode for React Devs — Gemini is essentially Google’s answer to ChatGPT and now has a developer ‘canvas’ mode which can be used to create, iterate, and preview React and HTML code right in the browser. It’s free at a basic level, too, so if you have a Google account, you should get straight in.

react-anchorme 5.0: Links Up URLs and Emails in Text — A component that uses Anchorme.js to detect linkable elements in text and create the links for them. Now supports React 19.

React Cookie Manager: A Customizable Component for Cookie Consent — A well-documented solution that will automatically block tracking if necessary and can easily be customized. You can try the live demo here, which is also an interactive page demonstrating its features.

json-edit-react: Component to Edit and View JSON/Object Data — An elegant, well presented component to take a JavaScript object, complete with nested objects, and show off the values, as well as allowing users to edit them. Has a neat demo on the homepage showing how flexible it is. GitHub repo.

Deploying a Next.js App to Production on Any Server — A popular article from last year that’s been updated for 2025 and Next.js 15.

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!

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.

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

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

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.

A shadcn/ui + Tailwind v4 Dashboard Example with Code — The shadcn/ui team has open-sourced an app they built to test Tailwind v4 and React 19 support. It’s a dashboard supporting custom themes, colors and scaling, along with a neat, flexible data table. The code is here.

Meet the AI Coding Assistant Built for React — Augment gets your components, hooks, and state management. Ask anything about your frontend.

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.

Bright: A React Server Component for Syntax Highlighting — Customizable and includes all of VS Code’s syntax highlighting themes, some of which are demonstrated on the page.

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.

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

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.

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.

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.

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