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
8:49 PM · Jan 18, 2023
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
8:49 PM · Jan 18, 2023
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 🤣
8:49 PM · Jan 18, 2023
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
8:49 PM · Jan 18, 2023
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
8:49 PM · Jan 18, 2023
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
8:49 PM · Jan 18, 2023
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
8:49 PM · Jan 18, 2023
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
8:49 PM · Jan 18, 2023