#42: Attack Challenge Mode, useOptimistic, Avoiding Hydration Mismatch, Handshake

Instant Search Params with React Server Components – A comprehensive blog post explaining how to utilize the experimental useOptimistic hook in React to keep the UI responsive when fetching server data.

► How streaming impacts React and Next.js applications – Learn how the Next.js App Router helps you take advantage of streaming UI

Secure statically rendered paid content in Next.js (with the App Router) – Explores three options for implementing authorization in the Next.js App Router and highlights potential pitfalls to avoid

Exploring Next.js Forms with Server Actions – An extensive tutorial about how to implement forms in Next.js with Server Actions, Server Components and schema validation

Avoiding Hydration Mismatches with useSyncExternalStore – Interesting pattern to safely distinguish between a serverSnapshot and a clientSnapshot in your Next.js apps

The Current State of React Server Components: A Guide for the Perplexed – Takes a look at the big picture regarding React Server Components: Not only what they are, but also why they didn’t take off immediately and the pros and cons of incorporating them now

🔥 Breaking News:

• Hard limits for Vercel Spend Management with one toggle
• Prevent malicious traffic with Attack Challenge Mode - Now available for all Vercel customers for free
• Vercel Ship 2024

Fumadocs – A framework for building documentation websites in Next.js

Handshake – Self-hosted solution for OAuth authorization against 200+ APIs. Easily configureable, open-source and built with Next.js

react-use-wizard – Build wizard/stepper UIs in React and control them through hooks

Draft UI – A collection of simply designed React components focused on making web accessibility as easy as copy & paste

Deploying safely on Vercel without merge queues – Learn how to introduce custom checks to deploy your applications quickly and safely on Vercel.

Node.js 2023 Year in An Article – A summary of all the achievements in the Node.js space from 2023

React Will Be Compiled – Recently, the React team announced plans to release a React compiler later this year. This post explains the concept of React being “compiled” and what benefits this brings