This Week In React #115: Astro, Radix, Remix, Next.js, MDX, Storybook, Expo 46, Skia, TanStack, TC39, Docusaurus...
Hi everyone!
Following the successful launch of Docusaurus 2.0, I didn't have time to send out the newsletter scheduled for earlier this week ๐
This is another special edition, on a Friday night, covering almost 3 weeks of news, and a lot has happened!
Impossible to read everything or comment ๐ฌ. I made the choice to be exhaustive and include all the links that seemed interesting to me, without necessarily commenting on them. I would already have to read them myself before ๐ a bit overwhelmed now.
During this month of August, I will focus on my Revue migration to ConvertKit. The next edition will be around August 20th, but it's also possible I skip it and won't send anything until early September.
Anyway, since we won't see each other for a while, at least you'll have something to read this summer ๐คฃ
๐ย Support the newsletter:
- ๐ย Recommend it to your friends: it really helps!
- ๐ธย Sponsor This Week In React
- ๐ย Write testimonials on Twitter
- ๐งตย Retweet the latest Twitter thread
- ๐จย Reply to thisย email:ย feedback is welcome
- ๐ฅ Follow onย LinkedIn
If you like this newsletter, subscribe in priority there:
- ๐ฌ๐งย ThisWeekInReact.com
- ๐ซ๐ทย ReactHebdo.fr

Reactโ
Docusaurus is the React framework I'm working on with Meta. We just released v2.0. Very happy with this release which has been relayed all over! ๐ Thanks so much for participating and contributing to the success! ๐ Useful links:
- ๐ย Issue #114 was dedicated to the launch
- ๐ฅย Product of the day on Product Huntย ๐ฅ๐คฉ
- ๐จย deployment demo on Vercel by Lee Robinson
- ๐ย Easy documentation with Docusaurus and Nx
Extras:
- ๐ย React re-renders guide: everything, all at once
- ๐ย The Study of Shaders with React Three Fiber
- ๐ย Astro and theย moveย toย MDX
- ๐ย Vercel -ย Build your own web framework
- ๐ย RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks
- ๐ย React re-renders guide: everything, all at once
- ๐ย Storybook 7.0 design sneak peek
- ๐ย Storybook - Writing stories in TypeScript
- ๐ย Ladle vs. Storybook: Measuring performance across project sizes
- ๐ย Understanding the difference between React useEffect and useLayoutEffect hooks
- ๐ย Why we had to move away from React Query
- ๐ย The Suspense is Killing Me: Part 2
- ๐ย How I write React after 8 years
- ๐ย 500ms to 1.7ms In React: A Journey And A Checklist
- ๐ฆย Next.js tip for faster preview deployments
- ๐งตย Next.js new router
- ๐ฆย Next.js 12.2.3
- ๐ฆย React Aria releases (July 29)
- ๐ฆย Gatsby 4.19
- ๐ฆย TanStack Query 4
- ๐ฆย Radix 1.0
- ๐ฆย Astro 1.0 RC
- ๐ฆย remix-ssg: CLI for building static sites with Remix
- ๐ฆย create-slots: React slot components, with SSR support
- ๐ฆย remix-typedjson
- ๐ฆย zustand 4.0

๐ธ Sponsorsโ
๐กย How to sponsor this newsletter
A daily newsletter with three curated technical deep-dives on all things software engineering.
G2i: 100% Remote JavaScript Jobs
G2iย is the only hiring platform that puts developer health first. We connect React and React Native freelancers with great companies committed to improving developers' mental, physical, and emotional health and well-being.ย Apply to joinย today.
Gabe Greenberg, founder of G2i, has launched a fund onย developerhealth.orgย to provide financial assistance for the dev community. Developer are welcome to apply and use the fund for counseling/therapy, paid time between freelance projects, loan assistance, child care services, medical visits and expenses, etc.

React-Nativeโ
๐คฏ This video by William Candillon is my favorite! You must watch it even if it's just for the intro, and the quality of the production๐ It includes the latest news of React-Native-Skia which goes into alpha, is included in Expo Go via Expo SDK 46, supports Snack, supports the web (with a Remotion starter), not to mention the perf improvements on the reconciler... In short, it moves fast and this is very exciting! It's also a nice collaboration with Shopify, Expo, Google, Remotion...
Extras:
- ๐ย Expo SDK 46
- ๐ย EAS Update is now generally available
- ๐ย Mercari -ย Our React Native Evolution
- ๐ย An exciting update to Discord for Android
- ๐ย What Everyone Is Getting Wrong About React Native Modals
- ๐ฆย React-Native-AMA: accessibility lib
- ๐ฆย react-native-quick-crypto
- ๐ฌย Road to 0.70.0
- ๐จย Reanimated labyrinth game demo
- ๐จย Fake depth animation demo
- ๐จย Expo 46 + React-Three-Fiber demo
- ๐จย Drag & Drop demo
- ๐ฆย How different app frameworks render views on iOS

Otherโ
- Updates from the 91st TC39 meeting
- npm Dependency Selector Syntax
- ESLint's new config system
- @container and (): landing in Chromium 105
- CSS transforms with individual transform properties
- Which generator builds Markdown the fastest?
- New WebKit Features in Safari 15.6
- Help pick a syntax for CSS nesting
- Deno - Roll your own JavaScript runtime
- Deno 1.24
- Electron 20.0