This Week In React #185: React Conf, useDeferredValue, React Query, refs, Next.js after, mini-react, Astro, MDXTS, Radix...

This Week In React #185: React Conf, useDeferredValue, React Query, refs, Next.js after, mini-react, Astro, MDXTS, Radix...

ยท

8 min read


Hi everyone!

This week is calm in terms of releases, so far at least!. We have great React articles, but also some criticisms, or content that suggests we use alternative solutions (Solid, Phoenix LiveView) ๐Ÿ˜….

React Conf starts later today! We can expect great things to be presented there, that we'll cover next week. I sent the newsletter a bit earlier today to make sure I can watch it live without any pressure ๐Ÿ˜„.

The React Conf YouTube live stream link is already available. Looking at the conf agenda, we are particularly excited about the following talks:

  • React and React Native keynotes and Q&A

  • Universal React Server Components in Expo Router - Evan Bacon - Expo

  • Real-time server components - Sunil Pai - PartyKit

  • Spatial computing with React - Michaล‚ Pierzchaล‚a - Callstack

  • Cross Platform React - Olga Zinoveva and Naman Goel - Meta

Speaking of conferences, the U.S. React Native Conference Chain React is back on July 17-19 (Portland/OR). We partnered to offer you 15% off your ticket with code โ€œTWIRโ€.


๐Ÿ’ก Subscribe to the official newsletter to receive an email every week!

banner


๐Ÿ’ธ Sponsor

In-App Subscriptions Made Easy

In-App Subscriptions Made Easy

RevenueCat gives you everything you need to monetize, analyze, and grow your app business. Effortlessly control customer access and entitlements, manage data, and experiment with pricing. See why over 30,000 apps trust RevenueCat to power their in-app purchase infrastructure.


โš›๏ธ React

Snappy UI Optimization with useDeferredValue

Snappy UI Optimization with useDeferredValue

Josh Comeau comes back with a great blog post showing the usefulness of the useDeferredValue() hook, that allows you to opt-in for Concurrent React by deferring the rendering of expensive components to a lower priority task. He presents a very concrete performance problem he was facing and how the hook helped solve it in practice. For this to work efficiently, it is important that you wrap your expensive components with memo(). The interactive timelines can help you understand how this is different from throttling.


Why React Query?

Why React Query?

Dominik Dorfmeister is launching his official React Query course, and for the occasion published the first lesson for free. It's a great interactive article that slowly builds up on everything React Query does for you, including handling race conditions, deduping requests, and caching. It's really full-featured and more like an "async state manager" rather than just a library to fetch data. An interesting read for all React devs, even if you don't use React Query.



๐Ÿ’ธ Sponsor

Refine - Open source Retool Alternative

Refine - Open source Retool Alternative

The sweet spot between the low code and traditional development for CRUD-heavy applications.

As an open-source React meta-framework designed for Enterprise applications, Refine offers a headless solution ideal for tasks like admin panels, dashboards, and internal tools.

While low-code tools may offer initial promise, they often fall short in handling complex scenarios due to scalability issues, limited customization options, and the risk of vendor lock-in.

Refine enables teams to rapidly develop production-ready apps while maintaining flexibility.


๐Ÿ“ฑ React-Native

This section is authored by Benedikt.


๐Ÿ”€ Other


๐Ÿคญ Fun

alt

alt

See ya! ๐Ÿ‘‹

Did you find this article valuable?

Support Sรฉbastien Lorber by becoming a sponsor. Any amount is appreciated!