This Week In React 115

Astro, Radix, Remix, Next.js, MDX, Storybook, Expo 46, Skia, TanStack, TC39, Docusaurus...

React

Announcing Docusaurus 2.0

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 Byte of Coding

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

Pedal to the Metal

🤯 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 :has(): 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

Pete Hunt 🚁 @floydophone

https://t.co/mTHOHmAf6R