React Native takes a giant leap forward

October 30, 2024 By Mark Otto 0

React Native’s New Architecture is Here — With the release of React Native 0.76, the so-called ‘New Architecture’ becomes the default. This opens up numerous modern React features like useLayoutEffect and Suspense, as well as better ways to work with native interfaces without a bridge (in short, working with the native runtime is faster and more direct).

The React Team

React Compiler Beta Release — Five months ago we got our first official introduction to React Compiler, a new approach to improving React app performance by optimizing code at build time. It’s now a step closer, and React 17+ users and library maintainers are encouraged to give it a spin.

Lauren Tan

Master Performance and Speed Up Your Site — This detailed video course shares the fundamentals of web performance, covering key Core Web Vitals metrics such as Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP). You’ll learn how to best use Lighthouse, WebPageTest and other tools in order to make your site lightning.

Frontend Masters

Next.js 15 Released — Last week was a big week for the popular (some may even argue default?) React framework with Next.js Conf taking place (more on that later) and this major release. It includes a codemod CLI for easier upgrading, async request APIs, alignment with React 19, and more.

Vercel

💡 Looking into a different announcement from Next.js Conf, The New Stack‘s Loraine Lawson looks into a big update for Turbopack, Vercel’s incremental bundler.

💡 In related news, how Shadcn cut through the noise and became React’s ‘default’ component library.

Next.js’ Journey with Caching — A description of a new experimental (aimed at those who are “feeling adventurous” for now) mode that builds on just two concepts: Suspense and use cache.

Sebastian Markbåge (Next.js)

Building an Image Search App with OpenAI CLIP, Postgres & React — A tutorial that brings together a lot of ideas in one place. CLIP is used to turn images into text descriptions. Postgres is used as a vector database. JavaScript provides the glue for both the frontend (with React) and backend (Node.js).

Haziqa Sajid

🛠  Code, Tools & Libraries

shadcn/ui Sidebars — The popular shadcn/ui component library has unveiled a new suite of components for building sidebars.

shadcn