Next.js 15

#478 – October 27, 2024

Introduces React 19 support, caching improvements, a stable release for Turbopack in development, new APIs, and more

Next.js 15
21 minutes by Delba de Oliveira

Next.js 15 introduces React 19 support, caching improvements, a stable release for Turbopack in development, new APIs, and more.

The Guide to New Hooks in React 19
sponsored by Progress

React 19 has recently emerged as a powerful evolution in the React ecosystem, bringing with it a suite of new React Hooks designed to simplify state management, enhance asynchronous operations and optimize performance. In this guide, we’ll dive deep into these new additions: useActionState, useFormStatus and useOptimistic.

React Compiler Beta Release
7 minutes by React Team

React team announces the Beta release of React Compiler, a build-time optimization tool that provides automatic memoization for React applications. The compiler now supports React versions 17+ through an optional runtime package, and the React Compiler Working Group is being opened to the public for broader community feedback.

Libraries You Should Know When Building with React
4 minutes by Sonay Kara

Sonay provides an overview of 15 essential React libraries that enhance development capabilities. The libraries cover various functionalities including styling (Styled Components), form management (Formik-Yup), data management (TanStack Query, Redux Toolkit, Zustand), animations (React Spring, Framer Motion), testing (Jest, Vitest), multilingual support (React i18next), and HTTP requests (Axios).

Creating a Keyboard Shortcut Hook in React
12 minutes by Tania Rascia

The article presents a detailed implementation of a custom React hook called useShortcut for handling keyboard shortcuts in web applications. The hook supports single keypresses, combination keypresses with modifiers (like Command + Shift + X), and key sequences (like the Konami Code).

Server Side State management in NextJS: a deep dive into React Cache
8 minutes by Yoseph Radding

The article discusses state management in NextJS server components, explaining how it differs from traditional client-side state management. The author introduces a technique using React's cache function as a mutable store for server-side state, which can help avoid prop drilling in server components.

And we are going to wrap up with some news from React Native: New Architecture is here.

😘 Kiss Bugs Goodbye
sponsored by QA Wolf

Bugs sneak out when less than 80% of user flows are tested before shipping. But getting that kind of coverage—and staying there—is hard and pricey for any size team. QA Wolf helps engineering teams get to 80% automated test coverage and ship 5x faster by reducing QA cycles from hours to minutes. Schedule a demo to learn more.

newsletters