Issue #48 // May 3, 2024 // Open web version |
|
React 19 Beta – The React 19 Beta is officially out! Here are some of the highlights:
Building an interactive 3D event badge with React Three Fiber – If you’re interested in design engineering, this guide is perfect for you. It explains the tech and code behind the dropping lanyard showcased on the Vercel Ship 2024 website.
⚡️ SPONSOR
Sponsor Next.js WeeklySupport the newsletter by sponsoring one or multiple editions of this newsletter 📙 Tutorials, Articles & OpinionGetting the Current URL in Next.js Server Components – Explains how to utilize the middleware file to pass the current path through the HTTP header to a Server Component
Improving INP in React and Next.js – INP (Interaction to Next Paint) is a Core Web Vital metric that measures how quickly a page responds to user interactions. This article provides a list of recommendations to improve this metric in your Next.js apps
Overcoming Next.js’ Search Params Limitation in Layouts – Layout components do not receive the searchParams prop, which means you can’t display any data relying on them as part of the shared layout. However, it seems like Nico discovered a workaround by using Parallel Routes
Why doesn’t Next.js expose the Request and Response objects? – Delba provides an in-depth explanation of the rationale behind some of Next.js’ most controversial architecture decisions
More:📦 Packages / Tools / ReposHuge React Aria Release 🚀 – The latest release includes Multi-level menus, DropZone, FileTrigger, new color picker components, first alpha of TreeView and much more
Effect – A TypeScript library with the goal of enabling you to easily build type-safe, resilient, and scalable applications. Effect code might look super funky and is definitely not everyone’s cup of tea, but if you’re eager to learn something new this weekend, give it a try!
Morphic – A fully open-source AI-powered answer engine with a generative UI. Built with Vercel AI SDK and Next.js
TypeScript 5.5 Beta 🚀 – A lot of releases happened last week. TypeScript 5.5 comes with type predicate inference, more type narrowing, an @import tag for JSDoc, the --isolatedDeclarations flag, performance & reliability improvements, and much more
More tools:
🌈 RelatedLatency numbers every frontend developer should know – A list of important metrics that can have impact on your website’s Core Web Vitals such as TTFB, FCP and LCP
How to safely use dangerouslySetInnerHTML in React – Learn how to safely sanitize the HTML before setting it using dangerouslySetInnerHTML
10 features Next.js 15 could launch – Less than 3 weeks until Vercel Ship! Here’s a glimpse at some cool features Vercel might roll out. It’s just speculation, but let’s keep an eye out
React’s evolution from Hooks to Concurrent React – An extensive overview of React’s evolution from React 16 to 18
|