View profile

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

This Week In React #75: Hydrogen, MUI, anti-patterns, useReducer, OTA, Skia, JSI, Reanimated, Rome, Rust, Bun, Partytown...
By Sรฉbastien Lorber • Issue #75 • View online
Hi everyone!
Here is the latest news that I found relevant for a React developer.
๐Ÿ™ Support the newsletter ๐Ÿ™:
  • ๐Ÿ˜ retweet the Twitter thread of this weekย ๐Ÿงต
  • ๐Ÿค—ย recommend it to your dev friends
๐Ÿšง Newsletter launch:
Iโ€™d like toย launch the real newsletter in October 2021!ย In the meantime, you can take a look at what my French newsletter looks like atย ReactHebdo.fr. The newsletter will include additional links and expanded comments that canโ€™t fit in a Tweet.
Until launch, this email is mostly a recall to not miss the Twitter thread.
I switched to Revue instead of TinyLetter, due to the new Twitter integration. Revue also makes it easier to embed a tweet, so I included some of my favorite picks!

Sebastien Lorber ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿฆ– โš›๏ธ ๐Ÿ“จ
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 ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿฆ– โš›๏ธ ๐Ÿ“จ
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 ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿฆ– โš›๏ธ ๐Ÿ“จ
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 ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿฆ– โš›๏ธ ๐Ÿ“จ
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 ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿฆ– โš›๏ธ ๐Ÿ“จ
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 ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿฆ– โš›๏ธ ๐Ÿ“จ
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 ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿฆ– โš›๏ธ ๐Ÿ“จ
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 ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿฆ– โš›๏ธ ๐Ÿ“จ
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 ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿฆ– โš›๏ธ ๐Ÿ“จ
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 ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿฆ– โš›๏ธ ๐Ÿ“จ
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
Did you enjoy this issue?
Sรฉbastien Lorber

๐Ÿ“จ For React devs โš›๏ธ I filter out the noise ๐Ÿ”Š You save time โฑ๏ธ

Tweet ย ย ย  Share
In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Powered by Revue