This Week In React #76: Redux, useSyncExternalStore, context, React-Native, Netflix, Shopify,
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
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
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
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
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
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