π¨ #188: React 19 RC0, Data Fetching, Framer Motion, Compiler, Astro, Zod, Remix, Docusaurus, React-Query,, Memory Leaks, Spline, Module Mocking, Slow Networks, MS Edge, RN Security Guide, RN 0.74.2, Reanimated 3.12, Turborepo 2, Biome 1.8...
Hey,
This is Benedikt this week, filling in for SΓ©bastien whoβs taking a newsletter break.
React 19 is nearing its final release, with the first RC published this week. Apart from this, thereβs not a lot of release activity in the React and React Native communities. So this week, I decided to feature two great pieces of content as headlines in both sections. A seminal 10k-word-long article about Data Fetching Patterns in Single-Page Applications by Juntao Qiu, and a great video overview of all the different ways to build React Native apps with Expo by Simon Grimm.
I wanted to use this opportunity to let you know that both SΓ©bastien and I put a lot of effort into finding the best content for the React and React Native sections, but Iβm sure there is still great stuff that sometimes goes unnoticed. Thatβs why weβre always open to suggestions, so feel free to let us know when you put something out there!
π‘ Check this newsletter on Twitter - visual format π¨
To support me:
- π Recommend the newsletter to your friends: it really helps!
- πΈ Sponsor the newsletter
- 𧡠Retweet the latest Twitter thread
Don't miss the next email!
πΈ Sponsorβ
Product for EngineersΒ is PostHogβs newsletter dedicated to helping engineers improve their product skills. Learn what questions to ask users, how to build new features users love, and the path to product market fit.
Subscribe for freeΒ to get curated advice on building great products, lessons (and mistakes) from building PostHog, and deep dives into the strategies of top startups.
βοΈ Reactβ
π Data Fetching Patterns in Single-Page Applications
This is a long read (~10k words), but such a great article! The title doesnβt do its justice, because in passing, this covers so much more than just data fetching. Basic React concepts, Suspense, async state handling, code splitting, prefetching, and parallel data fetching to avoid waterfalls. There has been a lot of discussion on X about web app performance in the last few weeks (Rails vs. React, MS Edge decision, β¦) - this is a great article to freshen up the basics of this topic to build a great user experience!
- πΈ Meilisearch - Build search as you type for React
- π React Router PR - defineRoute API
- π¦ shadcn/ui is working on adding charts
- π¦ Remix working inside a Cloudflare Durable Object π€―
- π¦ React 19.0.0-rc.0: Andrew Clark says βThis is the exact build we'll release as 19.0, unless an issue is reported that requires a breaking change.β
- π¦ Upcoming Spline (3D rendering) and NextJS RSC integration
- π I tried React Compiler today, and guess what β¦: A super interesting and detailed article about React Compiler and real-world use cases. Seems like weβre not at the point yet where we can just ignore everything about memoization because the Compiler takes care of it, and apart from this conclusion the article is also a great reminder of how memoization works exactly.
- π Do you still need Framer Motion?: The creator of the popular React animation library explains you might not need his library anymore thanks to 5 great new/upcoming CSS features.
- π Sneaky React Memory Leaks II: Closures Vs. React Query: This follows up on last week's great article. This time it shows how React Query might be affected as well by memory leaks, and how to fix them. Using custom hooks looks like a good general solution to this problem.
- π An even faster Microsoft Edge: Microsoft was using React for some elements of the UI in its Edge browser and is now abandoning this approach. See the video linked below for more context.
- π Speeding up the JavaScript ecosystem - Server Side JSX: The JSX runtime of React can lead to many object allocations. Marvin (Preact/Deno) shows it's possible to precompile JSX to improve server rendering of JSX and reduce GC. Maybe React could use that as well?
- π Type-safe module mocking in Storybook: Very elegant way to leverage subpath imports for module mocking.
- π Multiple action handlers with Zod in Remix: If you target one action endpoint from multiple components, this article shows you how to combine the different Zod schemas via discriminated union.
- π Embracing Slow Networks: Improving User Experience
- π Cleaner components with useSuspenseQuery & Why useSuspenseQuery works
- π Explore new hooks coming up in React 19
- π¦ React 19.0.0-rc.0: Andrew Clark said "This is the exact build we'll release as 19.0, unless an issue is reported that requires a breaking change."