Issue #44 // March 15, 2024 // Open web version |
|
Navigating the future of frontend β Amazing deep dive into the evolution of meta-frameworks, challenges in rendering and data management, and the emergence of server-driven architectures such as React Server Components
π Using Server Components inside Client Components β Learn how to nest a component using server APIs within a component using client APIs, all without `imports`
π Tutorials, Articles & OpinionEmbracing the Future and Moving Back Again: From Server Actions to tRPC β While Server Actions are one of the best features of the App Router, they also bring some magic to your project. This post recounts how this magic led to bundling issues and how switching to tRPC resolved them
How to add Monaco to a Next.js app and securely run untrusted user code β A guide to building a platform that deploys and runs untrusted user code via a browser IDE with Monaco, Next.js, and Deno Subhosting.
Progressively Enhance Handling Your Forms With React.js Server Actions β βUsing the web platform instead of fighting against itβ. Quick guide on how Server Actions simplify progressive enhancement
New React Hook: useActionState β Addressing feedback, the React team is currently reworking useFormState to useActionState, which now includes the pending state of form submissions
π¦ Packages / Tools / ReposOpen-sourcing our progress on Tailwind CSS v4.0 β Comes with a ground-up rewrite of the compiler, Lightning CSS integration, composable variants and much more. Try out the alpha version
An intro to debugging Next.js with Sentry β Join us to learn: Sentry basics, how to identify Next.js issues, and if an error occurred on the client or server side.
React Unforget β A compiler designed to enhance the performance of React applications through intelligent memoization and optimization
Update: shadcn/ui β New additions include a Breadcrumb component and an Input OTP component
AI SDK 3.0 Generative UI demo β Demo of an financial assistant based on Vercel AI SDK. It can show you stocks, tell you their prices, and even help you buy shares.
π RelatedWinterJS 1.0 β Yay! Another JavaScript runtime, but this time itβs faster than anything before, compatible with WinterCG, and supports React Server Components
Integrating Rust into Next.js: How-To Developer Guide β Step by step tutorial on how to write Rust endpoints in your Next.js app and host it on Vercel
"react-strict-dom", why it's so great? β Goes through the historical background of building a universal codebase that shares components between Web and Native, and explains how react-strict-dom changes the way we can do it
ServerlessHorrors β A collection of horror stories related to serverless hosting. Super interesting to read and serves as a reminder to switch on Spend Management in your Vercel dashboard
|