~reactstatus | Issue 382 - Three hours of modern React (12)

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