Explore

▶  From 0 to Production - A Modern React Tutorial — I’d be surprised if you’re not familiar with Theo, but if not, let’s just say he’s a popular developer YouTuber 😉 He may become even more popular thank to this video which, over three hours, covers modern React app development, complete with server components, Next.js, TypeScript, the Drizzle ORM, pnpm, and shadcn/ui.

React Native 0.74 Released — A significant release of the cross-platform native app framework. It includes the Yoga 3.0 layout engine, bridgeless mode becomes the default if using New Architecture, and Yarn 3 is the default package manager for new projects.

Start for Free Today! Build Real-Time Video and Chat in Days — Ready to integrate Zoom/WhatsApp style video experience into your React application? Learn how Stream’s Video API can help you get started.

Getting Your Codebase Ready for React 19 — Is your app ready for what’s coming up in React 19’s release? A quick look at some of the anticipated changes so far.

Building an Interactive 3D Event Badge with React Three Fiber — A tutorial fresh out of Vercel covering how they implemented the virtual lanyard for their Vercel Ship conference site.

Puck: A Self-Hosted Visual Editor for React Apps — We mentioned this several months ago but it’s had a lot of updates since, including supporting viewport switching (where you can render a Puck preview inside an iframe and get full media query support). GitHub repo.

React UI Component Libraries: A Large Roundup — If you’ve ever found yourself wondering just how many UI libraries are out there for React, this article goes a long way to enumerating and describing what’s currently available.

Vision Camera 4.0: Advanced Camera for React Native Apps — A powerful camera library for capturing both photos and videos, but also supporting QR/barcode scanning, different resolutions, aspect ratios, FPS, and even frame processors for doing custom things. v4.0 now lets you draw directly onto a frame using React Native Skia. (Homepage.)

ReScript 11.1 Released — Once known as BuckleScript, ReScript is a heavily OCaml-inspired, typed language that compiles to JavaScript and even has a JSX transform built into the language. Traditionally this JSX support was targeted solely at React use cases, but now works with Vue, Preact, and other approaches too.

📞 react-phone-number-input: International Phone Number Input — Comes in two variants with and without a country selector. The homepage is packed with demos. Repo.

Rehackt: React Wrapper to Hide Hooks from the RSC Compiler — Intended for library developers, this invisibly wraps react so that you’re able to use shared imports with in server-side Next.js code without throwing an error to your users. Has recently blown up in popularity due to being used by Apollo Client.

semantic-autocomplete: A Fast Semantic Search Component — An interesting proof of concept where you can let users search by meaning, not just by matching characters. There’s a live demo here. It uses a ~20MB machine learning model (small by ML standards) on the client side to make it work quickly.

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.

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.