This Week In React #75: Hydrogen, MUI, anti-patterns, useReducer, OTA, Skia, JSI, Reanimated, Rome, Rust, Bun, Partytown...

Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 @sebastienlorber

This week in React 👉 Chat with Swyx & Sunil 👉 Shopify Hydrogen 👉 MUI v5 👉 React antipatterns 👉 useIsMounted 👉 useReducer 👉 Expo OTA 👉 Skia Breakout 👉 Reanimated Layout anim 👉 Colorwaver 👉 Smart client vs Smart server 👉 Rome ➡️ Rust 👉 Partytown ... 🧵 Details 👇 https://t.co/YmVXhuySDF

Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 @sebastienlorber

1/ 🎧 Podcast with @swyx & @threepointone about various React-related topics https://t.co/zvszu0GhBu Really interesting discussion, a lot of insights/opinions: - state machines - Gatsby 4 vs Next.js - why swc is a better fit for Next.js First time I read about Hydrogen & Bun

Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 @sebastienlorber

2/ 🎦 Hydrogen by @ShopifyDevs 🙉 Slipped under my radar CEO @tobi says React is about to reach the sweet spot for e-commerce WIP meta-framework for Shopify Custom hooks/comps All-in on React server-components Using Vite Deploy on Oxygen platform https://t.co/n8ERKqRp5P https://t.co/XCdMwDtHp4

Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 @sebastienlorber

3/ MUI v5.0 by @olivtassinari Popular Material-UI lib for React rebrands to MUI JSS ➡️ Emotion (SC option) sx prop Unstyled/headless comps New product line MUI X https://t.co/PAobLpGOlm Also interesting: share strategy to make the open-source project sustainable

Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 @sebastienlorber

4/ React anti-patterns to avoid by @IskanderSamatov Great list of very common anti-patterns I see regularly. Creating a React comp in render is something you might do without even knowing, even if you know it's bad 😅 https://t.co/hcpNbxfLAX https://t.co/u9kr6WpRdv

Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 @sebastienlorber

7/ Gatsby 4 on Netlify by @ascorbic @GatsbyJS 4 released new features recently: server-side-rendering & deferred static generation I predicted last week @Netlify would support those new features, but it was already the case 😆 https://t.co/OGDttTExdM

Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 @sebastienlorber

9/ Breakout demo using Skia on React-Native by @chrfalch & @wcandillon Why this matters? " Flutter renders everything with Skia - We’re creating a view in React Native that lets you decide when to use Skia " https://t.co/dMJzV7gWAn

Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 @sebastienlorber

13/ Why do Webdevs keep trying to kill REST? @swyx reflects on the REST vs GraphQL debate and realize it's more about Smart Clients vs Servers Nice overview of the ecosystem Explains tradeoffs: UX, DX, perf, security, bandwidth, type-safety... https://t.co/fzjC8DdN0f

Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 @sebastienlorber

14/ The Rome frontend toolchain will be written in Rust 🦀 @buildsghost explains the team is confident to be productive in Rust Also migrates from AST to a Concrete-Syntax-Tree Allows parsing invalid/incomplete programs + reconstruct original source https://t.co/l88BvMJ1O2 https://t.co/5Old0Kd5Av

Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨 @sebastienlorber

15/ Partytown: Run Third-Party Scripts From a Web Worker Third-party scripts can significantly slow down your script @adamdbradley propose to move that load to worker, using Proxy and sync XHR to allow worker to communicate synchronously with the DOM https://t.co/9aAzGuoWOb