The React 19 feature no one talk about

What if JS runtimes support dependency injection for globals?

Just proposed this crazy idea on the AsyncContext repo

github.com/tc39/proposal-…

This Week In React 183

⚛️
- Vercel + Edge
- Ref cleanup
- fetch() patch
- React unminified
- Remix Single Fetch
- Redwood Docwood
- Signals
- Zustand Slices
- StyleX
- Hydrogen
- R3f
📱
- v0.74
- RN IDE
- NewArch
- VisionCamera
- AppCenter

... more by ✉️

Details 👇

📜 HTML attributes vs DOM properties - Jake Archibald

Great deep dive into subtle DOM behaviors and design decisions

Including how frameworks like React or Vue handle the difference

Also explains how React 19 will improve support for Web Components

jakearchibald.com/2024/attribute…

👀 Worth adding to your playlist 😄

👀 React 19 will NOT patch fetch() anymore! 🌶🌶🌶

You will have to use React.cache() instead to avoid duplicate fetch() requests

Will Next.js 14 reimplement this temporarily, for retrocompatibility? 🤷

github.com/facebook/react…

React Native 0.74.0 is out!

This release brings Yoga 3.0, Bridgeless by default under the New Architecture, Yarn 3, and more ⬇️

reactnative.dev/blog/2024/04/2…

👀 React 19 should support a new ref cleanup function

Looks like it has been planned for a while and will finally be added in the upcoming version

Docs being written here:
github.com/reactjs/react.…

More info/links/context here:
github.com/facebook/react…

'use client' is a bundling feature not specific to React Components.

For example, `abc` is a simple numeric value defined in a client module and imported into a server module.

What do we expect `abc` to log in each environment?

Zustand users often face challenges with the slice pattern. Introducing zustand-slices! This is just a start. I'm eager to hear your feedback and would welcome any contributions. Let's make it better together!

Repo 👉 github.com/zustandjs/zust…
Demo 👉 codesandbox.io/p/sandbox/gith…

react-native-worklets-core is now stable! 🥳 github.com/margelo/react-…

This Week In React 182

⚛️
- v18.3 warnings
- v19 useDeferredValue
- v19 Forms reset
- Next.js
- DevTools
- Zustand
- CSS-in-JS
- R19
- Remix
- Jest
- XState
- Astro
📱
- 0kb RN Server Components?
- Worklets
- Privacy Manifest
- Strict DOM
- ThreeJS

... more by ✉️

Details 👇

Here are the React Native highlights from This Week in React. No 'big news' this week, but a lot of interesting tidbits. You could help a fellow RN dev out by sharing this thread.

- 🏛️ New Arch
- 👌 0 Bundle RSC
- 🕵️ Privacy Manifest
- 📏 Size Matters
- 🎬 3D Animations

🧵

📜 Rebuilding 'Remix Contacts' in Next.js 14 - Aurora Walberg Scharff

Nice detailed walkthrough converting the official Remix tutorial app to Next.js

Preserving progressive enhancement behavior

Details pros/cons of each implementation
No clear winner

aurorascharff.no/posts/rebuildi…

⚛️ New React 19 feature 👀

useDeferredValue() will now take a 2nd arg `initialValue`

It will return the `initialValue` on initial render

Then schedule a background/low-priority re-render with the `value` returned

🤔 Interesting
Do you have a use case in mind for this?

⚛️ Preview of React 18.3 warnings 👀

- when using string refs

- when using defaultProps on FC

- when using defaultProps on memo components

- when spreading a key prop (this opts out of 'Fast JSX')

👀 React 18.3

Looks like finally a minor version will be released

It should contain additional warnings to help us upgrade to React 19

#TC39 Updates dev.to/hemanth/update… #javascript

📚 It's been almost 1.5 years since I wrote my first blog post about working with zustand. It's about time I wrote a follow-up piece - about using zustand together with React Context

tkdodo.eu/blog/zustand-a…

After 8 months of planning, 12 hours of filming, and 2 weeks of editing, my biggest project has been released.

The Modern Full-Stack React Tutorial is now live, FOR FREE, on my YouTube channel