Next.js 16 is Here!

PAPAFAM Newsletter #193

All Previous Newsletters Here

Hey 👋  

We have your Weekly Tech Crunch ready for implementation. Check out these amazing tools that you can add to your coding work flow.

Next.js 16 (beta)

The Next.js team dropped the 16 beta just before the Conf, giving the community an early look at some major improvements:
- React 19.2 Support: Includes new features like View Transitions and useEffectEvent() for smoother UI updates.
- React Compiler (Stable): Now officially supported for automatic memoization and smarter rendering.
- Improved Caching APIs: New methods like updateTag() and structured cache profiles let you control data revalidation more precisely.
- Build Adapters API (Alpha): Simplifying the deployment of Next.js apps across different platforms.
- Turbopack (Stable): The new default bundler with significantly faster builds (2-5x) and refresh times (5-10x).
- middleware.ts renamed to proxy.ts: A small but important naming change to reflect a clearer routing intent.

React Compiler v1.0

The React Compiler is now finally considered stable and ready to take on some of your app’s optimization tasks by way of auto-memoization applied based on the compiler’s analysis of your code. You can still use useMemo and useCallback as appropriate for precise control, however.

React Native 0.82: A New Era

A ‘new era’ because it’s the first React Native release that runs entirely on the New Architecture. It also ships with an experimental opt-in to a newer (faster!) version of the Hermes JS engine called Hermes V1.

React Chrono 3.0: Dynamic, Interactive Timeline Component

Supports horizontal, vertical, and vertical alternating timelines, complete with keyboard accessibility, support for nested timelines, auto-playing timelines slideshow-style, and more. Good docs too. v3.0 is a large scale refactoring, adds React 19 compatibility, offers Google Fonts integration, and more.

Triplex: A Newly Open Sourced Workspace for Building React and React Three Fiber Components

Originally a commercial tool for visually laying out components in 3D scenes rendered with React Three Fiber, Triplex has gone open source and joined the Poimandres Collective (responsible for projects like Three Fiber, Jotai, and Zustand). Its scope has also increased with a VS Code extension and support for regular React DOM elements and components.

shadcn guide to building forms

shadcn published a full guide showing how to build flexible and accessible forms using the <Field /> component with React Hook Form and Zod. It covers form state, schema validation, and handling different input types.

Build an AI Journal App w/ Next.js 15 + More!

Join me as I show you how to build a AI Journal App from scratch with React Native - This comprehensive tutorial covers everything you need to create an AI Journal App!

Steven Watkins Landing a Senior Web Dev Job with the help of the PAPAFAM!

Our Book Recommendation For You

The Psychology of Money by Morgan Housel

Money - investing, personal finance, and business decisions - is typically taught as a math-based field, where data and formulas tell us exactly what to do. But in the real world people don’t make financial decisions on a spreadsheet. They make them at the dinner table, or in a meeting room, where personal history, your own unique view of the world, ego, pride, marketing, and odd incentives are scrambled together...Read More