View profile

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

This Week In React #74: React 18, Gatsby 4, Context, React-Native, cross-platform, flashbacks, shadows, Corepack, webperf...
By SΓ©bastien Lorber • Issue #74 • View online
Hi everyone!
Here are the recent news that I found relevant for a React developer.
πŸ™ Support the newsletter πŸ™:
  • 😍 retweet the Twitter thread 🧡
  • πŸ€— 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.
Until then, I’ll keep linking to 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

πŸ‘‰ 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 πŸ‡«πŸ‡· πŸ¦–
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 πŸ‡«πŸ‡· πŸ¦–
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 πŸ‡«πŸ‡· πŸ¦–
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 πŸ‡«πŸ‡· πŸ¦–
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 πŸ‡«πŸ‡· πŸ¦–
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 πŸ‡«πŸ‡· πŸ¦–
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 πŸ‡«πŸ‡· πŸ¦–
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
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