Issue #33 // Dec 2, 2023 // Open web version
React Panel: Frontend Should Embrace React Server Components – Developers from Meta, Vercel, Redwood and others explain why React Server Components and server actions are worth adopting now. Check out the VoD of the panel
🧵 What's different between Next.js today and PHP – After hundreds of “Next.js is reinventing PHP” memes, Guillermo Rauch decided to publish a long post on X where he explains the differences between Next.js today and PHP
📙 Tutorials, Articles & Opinion
An Introduction To Full Stack Composability – Learn about the advantages of composable architectures in both UI and backend codebases, and the role played by React Server components
Building Real-Time Notifications with Upstash Redis, Next.js Server Actions and Vercel – Interesting approach to implementing real-time events with Vercel and Upstash Redis in the backend. Essentially, the frontend receives notifications through Server-Side Events, and each time the connection is lost on the server, the frontend initiates a new one
🎙️ RPC Resurgence: From Client-Server Applications to Next.js and Meta Frameworks – The podcast recommendation of this week. The panel talks about how Server Actions make Remote Procedure Calls “cool again” and discuss the possible benefits and downsides of mixing frontend and backend code
🐦 Kirimase + @v0 is the cheat code for building full-stack apps – Kirimase is a CLI tool to easily setup Next.js apps with auth, shadcn/ui, Stripe and tRPC. This video shows how to build a Linktree clone in minutes by combining Kirimase with Vercel’s v0.
📦 Packages / Tools / Repos
Tamagui – Tamagui lets you share more code between web and React Native apps without sacrificing the two things that typically suffer when you do: performance and code quality
mock-next-router – A package to simplify writing unit tests for React components that make use of Next.js router through useRouter hook
react-quiz-component – The name says it all. It gets JSON as input and generates a quiz UI for your React app
How to scale a large codebase – A set of recommendations by Vercel for building and scaling large software projects
Why we use AWS instead of Vercel to host our Next.js app – The thought process behind Graphite's decision to choose AWS over Vercel, along with a list of best practices they developed for deploying Next.js on AWS ECS
Concurrency in React 18 for busy bees – Guide to concurrency in React, CPU- and IO-bound components, and other interesting stuff. Finally, learn wtf useDeferredValue is.
Retries – Visually explore different methods of retrying requests to learn why some methods are dangerous and what the best practice is