React 19 Beta – The React 19 Beta is officially out! Here are some of the highlights:
- New use API: Read a promises or Context with use
- No more forwardRef: You can now access ref as a prop for function components
- Native document metadata support: Just set tags like <title>, <link> or <meta> and React will hoist them to the page’s <head> section automatically
- Full support for custom elements
- All of the React Server Components features included from the Canary channel
// THE REACT TEAM
⚡️ SPONSOR
Support the newsletter by sponsoring one or multiple editions of this newsletter
📙 Tutorials, Articles & Opinion
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 // JAN KAISER
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 // NICO PRANANTA
📦 Packages / Tools / Repos
Huge React Aria Release 🚀 – The latest release includes Multi-level menus, DropZone, FileTrigger, new color picker components, first alpha of TreeView and much more // REACT SPECTRUM
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! // EFFECT
Morphic – A fully open-source AI-powered answer engine with a generative UI. Built with Vercel AI SDK and Next.js // YOSHIKI MIURA
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 // DANIEL ROSENWASSER
🌈 Related
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 // LACHLAN CAMPBELL
|
