This Week In React #76: Redux, useSyncExternalStore, context, React-Native, Netflix, Shopify,
![Twitter avatar for @sebastienlorber](https://substackcdn.com/image/twitter_name/w_96/sebastienlorber.jpg)
This week in React
👉 React-Redux & useSyncExternalStore
👉 Context & Perf
👉 Spacing children
👉 Netflix Lattice
👉 React Philosophies
👉 Memo
👉 Remotion 2.4
👉 Next.js SEO
👉 Redwood & Envelop
👉 React Native 0.66
👉 RN packages @ Shopify
👉 RNav v1 upgrade
..
🧵 Details 👇 https://t.co/vqK4LH2zNg
![Image](https://s3.amazonaws.com/revue/items/images/011/554/468/web/FA8YJ3kWUAgOITR.jpg?1633446077)
![Twitter avatar for @sebastienlorber](https://substackcdn.com/image/twitter_name/w_96/sebastienlorber.jpg)
React-Redux v8 first alpha has been released by @acemarke
Rewritten in native TypeScript
More importantly adopts new useSyncExternalStore() hook.
This is an important milestone for React 18, according to @dan_abramov
My attempt to summarize why:
https://t.co/KdEKT0ucLn https://t.co/baEKbPqZEU
![Image](https://s3.amazonaws.com/revue/items/images/011/554/471/web/FA8YKFTXMAAyt3r.jpg?1633446091)
![Twitter avatar for @sebastienlorber](https://substackcdn.com/image/twitter_name/w_96/sebastienlorber.jpg)
How to destroy your app performance using React contexts, by @thoughtspile
One of the best articles on React context performance traps (there are many) I read recently
Explains why HOCs can still be useful to reduce rendering work with earlier bailout
https://t.co/97wVZ6pltr https://t.co/qsXZgEsb6Y
![Image](https://s3.amazonaws.com/revue/items/images/011/554/474/web/FA8YKVnWEAIFqQW.jpg?1633446101)
![Twitter avatar for @sebastienlorber](https://substackcdn.com/image/twitter_name/w_96/sebastienlorber.jpg)
Spacing children in React by @robinweser
We often want to space list items, but without extra margin at the end.
Explains what it takes to build a reliable abstraction to solve this in React
We'll soon be able to use just "gap" in CSS (flex + grid)
https://t.co/XeOOKyT7xd https://t.co/giFokloQz0
![Image](https://s3.amazonaws.com/revue/items/images/011/554/488/web/FA8YKmGXsAgbdNF.jpg?1633446113)
![Twitter avatar for @sebastienlorber](https://substackcdn.com/image/twitter_name/w_96/sebastienlorber.jpg)
How We Build Micro Frontends With Lattice
@NetflixEng presented an internal React microfrontend framework
Plugins can register themselves in a host app at runtime
Allows to work in isolation & deploy plugin updates without requiring host app rebuild
https://t.co/GgRiHCHq9P https://t.co/Fq2lCezpYU
![Image](https://s3.amazonaws.com/revue/items/images/011/554/504/web/FA8YK2NXsAMcWWO.jpg?1633446125)
![Twitter avatar for @sebastienlorber](https://substackcdn.com/image/twitter_name/w_96/sebastienlorber.jpg)
React-Native 0.66 introduced by @lunaleaps
Not too far behind 0.65, prepares for iOS 15, Android 12, Apple M1
Improves release process speed/reliability:
- nightly releases on npm
- "commitly" releases on PRs: easier to test PRs before merge
https://t.co/YQZD62Rlnq https://t.co/Q1n4zext1E
![Image](https://s3.amazonaws.com/revue/items/images/011/554/518/web/FA8YMW8WUAg_8Sw.jpg?1633446161)