Explore

React Data Grid: A Fast Excel-Style Data Grid Component — A fantastic live demo that shows off all of this component’s unique features, from grouping rows and columns to handling a million cells without slowdowns. Works with React 18+. GitHub repo.

MistCSS: Write React Components Using Only CSS — CSS-in-JS is old news.. what about JS-from-CSS? This new approach provides a way to compile CSS-only components into TypeScript for use with React – it’s early days, but an intriguing idea, at least. (Basic example.)

Building a React Login Page Template — This guide shows how to build a React login page and integrate it with an Express auth server using JWTs. It introduces Clerk as an easier option with pre-made UI components for authentication setup.

Looking Into the Type System of the React Compiler — If you’re not merely content to wait to see what the React Compiler will bring, but want to dig into the details under the hood, Sathya is here for you.

Building a Full-Stack React App with Azure Static Web Apps and Managed Functions — Azure Static Web Apps coupled with Azure Functions (Azure's serverless platform) can get you all the way to a full-stack React app without having to worry about managing infrastructure.

Creating an Interactive 3D 'Bulging Text' Effect with React Three Fiber — At the risk of seeming a little gimmicky, this is certainly a feature that would make your page stand out.. almost literally!

React Content Loader 7.0: Loading Content Placeholders — A way to easily create animated ‘skeleton’ components, giving a wireframe of what’s going to appear once everything has loaded.

react-json-view-lite: Render JSON as a Tree — A lightweight component for visualizing JSON in a way that retains its basic formatting and JSON-ness but that lets you collapse or expand arrays and objects and see the structure more easily. Storybook demos.

📊 Spectacle: Build Presentations with React and JSX — A React.js based library for creating sleek presentations using JSX syntax.. animations, slide-ins, grids, columns, it’s all there! The homepage has a demo showing it off. GitHub repo.

TanStack Virtual 3.2: Headless UI for Virtualizing Large Element Lists — Supporting TypeScript, JavaScript, React, Solid, Svelte and Vue, this provides a general way to build smooth 60fps experiences for large numbers of elements while retaining control over markup and styles. Not just for grids, it can tackle vertical and horizontal lists generally too.

Making React Debugging Fun — Join Sentry Launch Week live. We’ll be announcing new error and performance monitoring improvements, showing exclusive demos, raffling swag and talking about all things developer and React, every. single. day. (For one week).

Storybook 8 Released with RSC Support — The popular front-end component workshop introduces built-in visual testing, support for React Server Components, up to 50% faster start times, and upgraded Vue and React control auto-generation. There’s also ▶️ a launch video to enjoy.

Best Practices for Writing Tests with React Testing Library — Covers common mistakes made when using React Testing Library, along with topics like using specific queries to improve test coverage.

▶  Supercharging Your Next.js App with Cloudinary Images and Video — Cloudinary is a paid service (we use it for our newsletter images!) but there’s enough code-wise here to keep it useful and interesting.

Onborda: An Onboarding / Product Tour Approach for Next.js — There are a few general React options in this space (such as React Joyride and React Shepherd) but Onboarda is more Next.js specific and uses Framer Motion to bring smooth animations to the experience. Try the live demo to see how it feels.

Mantine React Table: A Mantine Implementation of TanStack React Table — Actually a fork of Material React Table, so it’s already a mature option but built specifically for projects using the Mantine component library and Emotion for styling.

Million Lint Now in Public Beta — Million’s mission is to make React apps faster and the new VS Code extension Million Lint takes a new approach: imagine something like ESLint, but for suggesting performance improvements. npx @million/lint@latest in any React app will get you started.

"react-strict-dom" – Why It's So Great? — Meta’s react-strict-dom is an experimental integration of React DOM and StyleX to standardize the development of styled React components, both web and native. Szymon digs into it a little here.

Vercel Unveils Vercel AI SDK 3.0 — You may recall that Vercel launched a tool called v0 last year that uses AI to create React components from natural language descriptions. As part of their latest suite of AI SDKs, they’ve open sourced the tech behind v0 and opened a way to integrate AI into your React apps in a streaming fashion via React Server Components.

React Unforget: An Experimental Alternative to React Compiler? — The React team teased more about the potential of the React Compiler (a.k.a. 'Forget') in their recent update, but Mohamad was really keen to get playing with the concepts ASAP: “With React Forget’s release timeline unclear, I’ve launched a community-driven version to keep innovation alive. I believe React Unforget can be to React Compiler what...

Build a Real-Life, AI-Powered Project with Next.js and Strapi — A walkthrough of building a Next.js app that summarizes YouTube videos using AI and uses the Strapi open-source, headless CMS.

▶  Creating Epic Web Experiences Using Remix with Kent C. Dodds — Insights from Kent as to why he believes Remix stands out as a premier framework as well as other subjects such as his process for creating his widely attended courses.

React Barcode 1.5: A Component to Render Barcodes — A React wrapper for JSBarcode, a library that can generate barcodes in numerous formats like EAN, CODE128, ITF, and MSI. GitHub repo.

ONBOARDING_LIB: A Headless Onboarding Library — An onboarding library for React apps, to make it easier to build accessible, customizable and persisted onboarding flows. The docs site itself is an example of such a flow.