#35: Fuse.js, Parallel Server Actions, Million.js, React Tricks, Chain Reaction

This is the final edition for the year. Have a wonderful holiday season 🎄 and a fantastic start to the new year. We'll return with the latest Next.js news right at the beginning of 2024!

Announcing Million 3.0 – Million.js is a drop-in Virtual DOM replacement for React with the promise of making the rendering of your components significantly faster. The release of version 3.0 brings faster build time and faster runtime

▶ Be careful with the Link component in Next.js – In general, the prefetching feature of the Next.js Link component is awesome, but there are cases where this default behavior can become a performance pitfall. This video explains how to avoid that

🐦 Next.js moving away from extending native `fetch` – With the introduction of the App Router, Next.js began overriding the global fetch function with a custom implementation to incorporate their caching functionality. Now, they are moving away from this approach by introducing cache-related helper functions like `noStore`

Best Practices using React Server Components with a Headless CMS – Explains how RSCs enhance the developer experience of integrating a headless CMS into your app by enabling the use of data-powered, reusable components

Master Next.js with Patterns – A collection of text and video courses by Eric Burel. The first course is out and dives into the intricacies of managing client-only code in Next.js.

🐦 Parallel Server Action calls coming soon – If you run multiple Server Actions simultaneously in the current version of Next.js, the function execution is handled sequentially (one at a time). According to Malte (Vercel CTO), this limitation will be removed in the future

Updated Server Actions docs: Mutations, Security, best practices – The Server Actions docs page has been expanded to include guides on use cases beyond form elements, along with security considerations

▶ Introduction to Next.js and React – Gain a up to date and hands-on understanding of the core concepts in Next.js and React by building and deploying a real application

Fuse.js – A new library for building GraphQL based data layers in your Next.js apps. Check out the release post for more details

React Glow – Add a mouse-tracing glow effect to React components

next-export-i18n – A i18n solution that supports fully static sites generated with the `next export` command

Storybook for React Server Components – Storybook 8.0 alpha got announced and brings RSC support inside stories

React Tricks: Fast, Fit and Fun – The creator of the popular React Wouter package shares some of his tricks for writing more performance optimized React code

The anatomy of shadcn/ui – A technical analysis of tools, techniques and best practices that made it the most loved component library of 2023

A Chain Reaction – Dan's great article explains the steps behind the scenes needed to transform JSX code into HTML, which the browser can understand

Unified documentation search across Vercel, Next.js, and Turborepo – Search across Vercel, Next.js, and Turborepo documentation sites from the Vercel docs or dashboard