#38: React Server + Component, React Email 2.0, React 19 Features, Next.js 14.1

RSC is React Server + Component – “The key difference between RSCs and React Client Components lies in not what they are but rather where and when they’re executed”. This article greatly helps in forming a clear understanding of React Server Components.

Nexar – A modular and layered application architecture specially designed for building monolithic full-stack applications with the Next.js App Router

Case Study: Solving Vercel’s 10-Second Limit with QStash – Explains how a background task that previously took 15min was optimized to run in just 20s by utilizing QStash and executing serverless functions in parallel

Build a Next.js app in Storybook with React Server Components and Mock Service Worker – Learn how to develop, document, and test RSC applications in isolation, using MSW to mock network requests

Updating public Next.js environment variables without rebuilds – A practical approach to updating public environment variables without rebuilding your Next.js app

👨🏻‍💻 Lee Weekly:

• Environments on Vercel
• Deploying Next.js to Vercel

React Email 2.0 – During their Launch Week, Resend announced version 2.0 of React Email. The new release comes with additional components, enhanced performance, and improved support for monorepos

Gimli Tailwind – This is a hidden gem I recently discovered: Gimli Tailwind, a DevTools extension that provides smart tools for Tailwind CSS. It allows you to easily view and edit Tailwind utility classes directly in the browser

next-image-export-optimizer – A wrapper around the Next.js Image component which optimizes all static images in an additional step after the Next.js static export

Next.js 14.1 – Babe wake up! A new Next.js release just dropped: Better self-hosting docs, App Router support for pushState and replaceState to update the browser history and more

How to start a React Project in 2024 – A comparison of different tools and frameworks to initialize a new React project in 2024

Streams and React Server Components – Learn about the concept of streaming and how it integrates with React Server Components

🧵 Upcoming React 19 client features – Nowadays, there's a considerable buzz among developers about server-side React. Rick, a React Core team member, has curated a thread outlining all the upcoming client-side features that will be included in React 19

Protect your Edge Config with a JSON schema – Use schema protection for your Edge Config to prevent unexpected updates that may cause bugs or downtime

More:

• Understanding Prisma Migrate
• The Website vs. Web App Dichotomy Doesn't Exist
• React Libraries for 2024