Issue #18 // Aug 03, 2023 // Open web version |
|
Understanding React Server Components – Why do we need Server Components? 🤔 This article is a great high-level overview of RSCs and explains the use cases, what problems they solve and how they are implemented in the Next.js App Router
🎥 Must Know App Router Secret: Promises For Props – This video blew my mind! Jack demonstrates how to reduce the generated SSR output in Next.js by passing Promises as React props.
⚡️ SPONSOR 
Authentication & User Management for Next.jsClerk is the easiest way to add authentication and user management to your Next.js app. With prebuilt UI components and feature-rich SDKs & APIs, Clerk is purpose-built for the modern web and designed to get you up and running in minutes. Everything I wish I knew before moving 50,000 lines of code to React Server Components – Learn from the insights of Darius, who successfully moved Mux's production codebase to React Server Components.
📙 Tutorials, Articles & OpinionHow to Send Emails with React Using Resend – If you ever had to experience the pain of building HTML email templates, you’ll love this post
Speeding up the dbt™ docs by 20x with React Server Components – An absolutely impressive retrospective about how moving an Angular app to React and Next.js dropped page load times by a factor of 20
Achieving Clean and Maintainable React Component Tests – Great guide with several practical examples on how to write maintainable, and readable tests for your React components
🎥 Chain Multiple Middleware Functions in NextJs 13 – A great pattern to keep the code inside the middleware file clean and maintainable
📦 Packages / Tools / Reposopenstatus – Fully open-source status page and alerting system built with Next.js, shadcn/ui, tinybird and more
tailwindcss-icons – Use any icon (100,000+) from Iconify, for TailwindCSS
Introducing NextUI Version 2.0 – NextUI is a beautiful React component library. New major release switched from runtime styles to Tailwind, supports React Server Components and more
Million.js: Automatic Mode – Currently in beta but this is great news: “Automatic mode allows you to use Million.js without any configuration. It will automatically determine which components are slow and optimize them”
👨💻 JobsSenior Software Engineer (Frontend Lead) – Come lead Emerge's web platform, used by teams like DoorDash, Square, Dropbox & Airbnb (our stack: Next.js, React, TS, Vercel)
🌈 Related🎥 Tailwind Connect 2023: Recap – Recap of all the cool stuff announced at Tailwind Connect like Catalyst - an alternative to shadcn/ui
Good code is like a love letter to the next developer who will maintain it – “In the end, coding is an act of creation, not unlike writing a poem or painting a picture.”
Share your Preview URLs immediately – Small change but improves UX for teams a lot. Share Preview URLs, without waiting for the build to finish
🎙️ Matt Pocock answers your TypeScript questions – You can’t spell TypeScript without Matt Pocock. He joined this Podrocket episode to answer listener questions about TypeScript
|