Bookmarks (117)

Fancy Components: A Growing Library of Ready-to-Use Animated React Components — Includes a whole slew of components for doing various text animations, along with others for backgrounds, physics-related animations, SVG filters, and more. Try them out here.

React Native 0.79: Faster Tooling and Much More — Metro, the React Native bundler, now starts much faster and makes package.json exports and imports field resolution stable. Android app startup also gets significantly faster.

Accelerating Large-Scale Test Migration with LLMs — How Airbnb completed its first large-scale, LLM-driven code migration in moving from Enzyme to React Testing Library.

Deploy Your Next.js App to Cloudflare Workers with the Cloudflare Adapter for OpenNext — OpenNext is a build tool that transforms Next.js apps into packages optimized for development on platforms including AWS Lambda, Cloudflare Workers, and Netlify.

React Reconciliation: The Hidden Engine Behind Your Components — React’s reconciliation algorithm is the process by which React knows how to update the DOM based on changes to the virtual DOM and understanding how it works is essential for producing fast, efficient apps. A great look behind the scenes.

React for Two Computers — Dan Abramov returns to some deep thoughts that arose while putting together the popular ▶️ React for Two Computers talk he gave at React Conf 2024. You’ll need a very large coffee to make it through this post in one sitting, but it’s a technically-rich meditation on the architecture and theory underpinning ideas like React Server Components.

Konva: A JavaScript 2D Canvas Library — The native Canvas API is good, but Konva is an abstraction that sits on top and provides a more structured way to work with shapes, styling, events, and animations (demos with code). It also has extra integration libraries for Vue, Svelte and React.

TinyBase v6.0: A Reactive Data Store for Local-First Apps — We’re huge fans of this powerful reactive data store that can be used as the entire backend for many types of app. v6.0 adds no new functionality but brings React 19 support and goes ESM-only. It’s well worth investigating and has some compelling features - check out the homepage for more.

Learn How to Integrate Clerk with Your Lovable — Lovable integrates Clerk for custom domains, streamlined auth flows, and waitlist-powered onboarding.

JavaScript's Missing Link: Wasp Offers Full Stack Solution — A nice overview of what the Wasp team is trying to do in building a full-stack webapp framework around React, Node, and Prisma. It’s an increasingly powerful option if you’re looking for a more traditionally feeling full-stack approach.

React 19.1 Released — Not cool enough to get a full blog post on the official blog, but 19.1 brings a lot to the table in terms of fixes, small additions (e.g. support for streaming in edge environments), a new API for prerendering RSCs on the server (as supported in Parcel 2.14.0), and enhanced Suspense support. The headline feature, though, is ‘Owner Stacks’, a...

React Email 4.0: Components for Creating Emails — React Email is a suite of unstyled React components for creating elegant emails. Now includes a new linting tool for analyzing links in outgoing emails, a spam scorer, and email client HTML/CSS compatibility checker, as well as a few new components.

Svggles: A Way to Make SVGs More Interactive with React — Connect an SVG to a React component and add ways to enable visual interactions such as glow effects, animations, and pointer based effects. GitHub repo.

Master Chrome's DevTools — Join Jon Kuperman for this video course diving into Chrome's DevTools. You'll go beyond console.log(), learning how to inspect, debug, and audit your web apps — tracking performance, identifying bottlenecks, making performance gains, and more. Level up your DevTools skills.

▶  React Query API Design: Lessons Learned — You might know Dominik for all his work on React Query, TanStack Router, and his epic React Query - The Bad Parts series. Here, he walks us through the design choices made while building React Query and shares lessons and mistakes valuable to anyone building their own libraries. (30 minutes.)

Next.js 15.2.3 Released Due to Security Vulnerability — This past weekend, a new version of Next.js was released to resolve a serious security vulnerability, which could allow the skipping of middleware (including that used for authentication). Self-hosted Next.js deployments need to be upgraded immediately. The news led to a lot of responses from extensive HN threads to deep dives into the vulnerability, and criticism...

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.

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.

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

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!

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.

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.

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.

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 Native Package Checker — An online tool to check React Native packages for compatibility with the ‘New Architecture’.

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

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.

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.

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.

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

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.

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.

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.

🕒 react-timer-hook: A Hook to Handle Timer, Stopwatch and Time State — Provides useTimer, useStopwatch and useTime for implementing various forms of time logic/state in components.

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 Data Table: Response Dynamic Table Component — Simple and clean, but flexible. Includes features like column sorting and pagination out of the box. Lots of demos and code examples. GitHub repo.

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.

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.