Issue #43 // March 8, 2024 // Open web version |
|
Why React Server Components Are Breaking Builds to Win Tomorrow – Understand the journey of React’s rendering evolution over the years and learn why React Server Components are the natural next step in building modern apps
𝕏 "use client" misconceptions – Confused about when to use "use client"? This amazing visualization explains what the “use client” directive is actually doing
⚡️ SPONSOR 
Calling all devs! Sentry Launch Week is coming March 18-22Tune in to get announcements of new products, new features, and a whole bunch of other cool things. Get a sneak peek (and win free swag) if you sign up for their launch week reminder list today. Get excited 😱. 📙 Tutorials, Articles & OpinionPassword protecting routes in Next.js App Router – Explains how to add simple password protection to routes in Next.js using App Router and NextAuth
Testing Next.js app router API routes – A guide to testing Next.js API routes and mocking NextAuth to properly test authenticated routes
Conceptual Model of React and RSC – Interesting post about what “UI = f(state)” means and why it matters
Learn Next.js by building a real-life project: Part 1 – An easy to follow tutorial on building an AI app to summarize YouTube videos using Next.js and Strapi
📦 Packages / Tools / ReposIntroducing AI SDK 3.0 with Generative UI support – Vercel open sourced the generative UI technology of v0. Associate LLM responses to streaming React Server Components
Upstash Queue – SQS like stream based queue on top of Redis. The repository includes a Next.js example you can use for reference
next-cache-toolbar – A little dev tool to identify and debug Next.js data cache entries by showing the revalidation status and tags
Million Lint is in public beta – A VSCode extension that identifies slow code in your React applications and provides suggestions to fix it
🌈 Related► Drizzle ORM in 100 Seconds – Drizzle is a heavily underrated ORM in the JS world. This Fireship video explains all the main features and and gives compelling reasons why you should give it a try
Introducing feature flag management from the Vercel Toolbar – Override your application's feature flags directly from the Vercel Toolbar. Supports some popular A/B testing solutions and custom feature flags.
Compiler Theory and Reactivity – Simplified explanation of how the React compiler works under the hood
React is the New IBM – A critique of the React team’s decision to improve performance with “compiler magic”. I personally disagree with the author’s opinion but it’s an interesting read
|