This week in React
👉 React Labs
👉 Next.js 10.1
👉 Dependency Injection
👉 Fastest Text Update
👉 Tuples?
👉 React React Errors
👉 Expo 41
👉 RN Timeline
👉 Web: Flutter vs RN?
👉 TS 4.3 beta
👉 Coolify
👉 Storybook 6.2
👉 Change Array by copy
...
🧵🧵🧵 Details 👇👇👇
React Labs: @abernathyca presented a new official video series of technical deep dives in the React research.
The first video is a Q&A about server components:
Next.js 10.1 by @vercel contains significant improvements to Fast Refresh, install time, images
Webpack5 will roll out progressively
The Next.js team plans to make DX even faster.
More high-level tools get released: Shopify integration, Nextra blog...
nextjs.org/blog/next-10-1
React context is for dependency injection, not state management.
I don't see DI widely used unfortunately, and tests get complicated.
This great article from @tgroshon is a good summary of why I think things like Mock Service Worker are a bad idea.
blog.testdouble.com/posts/2021-03-…
Michael presented cool techniques to optimize text rendering in React
Opting out of the reconciler, using imperative dom updates, and using batching strategies to make the browser work less and achieve a high frame rate.
electricui.com/blog/fast-reac…
A few years ago, I had no idea what a Tuple was, and feel the name was a bit "scary".
@kyleshevlin explains what a Tuple is, and that you already use this concept on a daily basis if you are using React.
kyleshevlin.com/what-is-a-tuple
Many devs don't know how to read error messages and interpret stacktraces, while this is an incredibly useful (and portable) skill.
@dceddia shares his method to debug a common React error:
"Cannot read property `map` of undefined"
daveceddia.com/fix-react-erro…
Expo SDK 41 beta has been released by @notbrent
- Still on RN 0.63
- Using stable reanimated 2
- React-native-screens 3 (enabled by default)
- Require iOS 11
- .expo extension deprecated
blog.expo.io/expo-sdk-41-be…
React-Native Weekly W13: @Andrei_Calazans document interesting findings on the React-Native codebase.
One example is Timeline: a new time-travel debugger in ReactNative core?
andrei-calazans.com/posts/2021-03-…
Flutter recently released stable Web support, how good is it?
@ricmac wrote a summary of what the community thinks: it seems many Flutter users on Reddit are a bit disappointed: lacks hot-reload, bundle sizes...
In the meantime: RN works on the web!
thenewstack.io/googles-flutte…
TypeScript 4.3 beta released by @drosenwasser
Many improvements on Classes: new "override" keyword, private elements...
Not a fan of classes: I like the template literal strings improvements and the error on if(promise)
devblogs.microsoft.com/typescript/ann…
Change Array by copy, new stage-0 ES proposal by @r_ricard
New and long-awaited array methods that mutate arrays in a functional way (ie return a copy).
Note: Tuples (of stage-2 Records & Tuples proposal) would have the exact same methods: switch array/Tuple more easily!
Coolify: an open-source self-hosted alternative to Netlify / Heroku by @andrasbacsai
Deploy static websites, NodeJS apps by a git push, including provisioning a DB!
Looks similar to @getmeli but with a larger scope?
github.com/coollabsio/coo…
Storybook 6.2 released by @mshilman
Becomes less biased toward React and improves support of Vue / Svelte support.
Webpack 5, NPM 7, Yarn 2, ESM...
It should be possible to use it with new bundlers like Vite, Snowpack, esbuild.
storybook.js.org/blog/storybook…
🎬 THE END!
Going to turn these threads into emails (when I'll have more time).
✉️ Pre-subscribe here: tinyletter.com/slorber
❤️ Like this thread 🧵 ?
🙏 Please Retweet 🙏
👇 Follow the link 👇
Previous editions?
Keep reading 👇
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.