This Week In React #74: React 18, Gatsby 4, Context, React-Native, cross-platform, flashbacks, shadows, Corepack, webperf...

Sebastien Lorber 🇫🇷 🦖 @sebastienlorber

This week in React 👉 React 18 updates 👉 Gatsby 4 👉 Context 👉 FileSystem routing 👉 Shadows 👉 React & RN history flashback 👉 Next.js & Vercel 👉 State Management 👉 Custom hooks readability 👉 React Native everywhere 👉 React Native windows 👉 Corepack ... 🧵 Details 👇 https://t.co/iu443Z7iuE

Sebastien Lorber 🇫🇷 🦖 @sebastienlorber

1/ @dan_abramov shared a long React 18 update, mostly for course creators: https://t.co/cgnkOdqzOk Some APIs are stable. There's still a good amount of work left We shouldn't extrapolate the Big Picture vision too much for now React 18 is not only for FB scale apps https://t.co/JpTbynjZyT

Sebastien Lorber 🇫🇷 🦖 @sebastienlorber

2/ @gatsbyjs 4 introduced by @schaudustin https://t.co/VQh6V9CPeq - SSR - deferred static generation - parallel query running New exciting features, and should close the gap with Next.js in terms of feature parity. I bet @netlify will support Gatsby SSR/DSG soon 🤣

Sebastien Lorber 🇫🇷 🦖 @sebastienlorber

3/ @PierreOuannes shared how to use React Context like a Pro https://t.co/H0G9okxsnr Multiple tips I agree with, some not widely known: - encapsulate your context behind custom provider/hooks - memoize value - split in 2 contexts (state + update API) https://t.co/i4KsAJogQ3

Sebastien Lorber 🇫🇷 🦖 @sebastienlorber

5/ @joshwcomeau explains how to create coherent and realistic shadows in CSS https://t.co/eyv1xWxwWc Stop randomly picking box-shadow values! Use your intuition of how the physical world and lightning works, and techniques like shadow layering Provides Styled-Components impl https://t.co/ZMBkXOLOpa

Sebastien Lorber 🇫🇷 🦖 @sebastienlorber

6/ 🎧 How React got Traction https://t.co/CgjISQr13w @swyx's flashback of React history with this old podcast sample: - initial VS second introduction - role of @floydophone and @swannodette 's famous blog post, convincing FP enthusiasts (including me 😜) https://t.co/6U174oIjMi

Sebastien Lorber 🇫🇷 🦖 @sebastienlorber

11/ Running React Native everywhere by @mazzarolomatteo https://t.co/7biSVkJUKD Matteo published a boilerplate + tooling for developing cross-platform apps. Explains how it works in a series. 🤔 strong opinion: use different RN versions per platform (macos is still 0.63) https://t.co/jS9WmTObl7

Sebastien Lorber 🇫🇷 🦖 @sebastienlorber

12/ 🎧 React Native's Near Death Experience (@swyx mixtape extract from recent @sourcegraph podcast) https://t.co/ta7t0bukCS Another flashback with @vjeux about the history of RN React-iOS born from a hackathon to solve mobile dev velocity Story almost ended there 😆 https://t.co/fZays9Wk77