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 πŸ‘‡

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Sebastien Lorber πŸ‡«πŸ‡·

Sebastien Lorber πŸ‡«πŸ‡· Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @sebastienlorber

29 Mar
This week in React

πŸ‘‰ Suspense & Concurrent Mode news
πŸ‘‰ React API evol
πŸ‘‰ Piral: React microfrontends
πŸ‘‰ React-Spring 9
πŸ‘‰ Instagram Lite & Bloks
πŸ‘‰ Human-Readable JS
πŸ‘‰ CSS container queries
πŸ‘‰ vanilla-extract
πŸ‘‰ Deno company
πŸ‘‰ SvelteKit
πŸ‘‰ tRPC
πŸ‘‰ ...

🧡🧡🧡 Details πŸ‘‡πŸ‘‡πŸ‘‡
After almost 1 year, @dan_abramov gives fresh news about Suspense and ConcurrentMode.

- We see the light at the end of the tunnel.
- We don't have large "unknown unknowns" anymore.

Work has shifted to ecosystem compatibility & incremental migration path

github.com/facebook/react…
In React API evolution, @alex_frantic shows that React hasn't changed much conceptually.

2013 code can still work today by using a compat layer.

I've adopted React at 0.5.3 πŸ€ͺ didn't know there was React.autoBind, but have used LinkedStateMixin :)

frantic.im/react-api-evol…
Read 15 tweets
15 Mar
This week in React

πŸ‘‰ React "Fizz"
πŸ‘‰ Docusaurus i18n
πŸ‘‰ Relay hooks
πŸ‘‰ Preact Server Components
πŸ‘‰ ReactNative 0.64
πŸ‘‰ Bob
πŸ‘‰ React-Navigation 6
πŸ‘‰ CSS for JS devs
πŸ‘‰ TS Constrained Identity Function
πŸ‘‰ ES 2021, TC39 updates
πŸ‘‰ TS-Pattern 3
πŸ‘‰ SvelteKit
...

🧡🧡🧡 Details πŸ‘‡
🧡 React "Fizz": looks like a new project code for React.

The goal is to support Suspense on the server (SSG + SSR) with streaming support!

@sebmarkbage opened many pull-requests already, one of them set-up some initial architecture and document Fizz.

github.com/facebook/react…
🧡 Docusaurus v2 i18n released!

This time I can present my own work 😜

You can now translate your doc sites easily.
v2.docusaurus.io/blog/2021/03/0…

We already have a few early adopters!
- Jest: jestjs.io/blog/2021/03/0…
- Redwood: learn.redwoodjs.com/fr
- PNPM: pnpm.js.org/zh/
Read 17 tweets
4 Jan
This week in React (actually 2 weeks πŸ€ͺ)

πŸ‘‰ Special React-Server-Components
πŸ‘‰ Inside React core team
πŸ‘‰ Expo Go
πŸ‘‰ Ignite v6
πŸ‘‰ ReactNative @ Wix
πŸ‘‰ Volta v1
πŸ‘‰ xstyled v2
πŸ‘‰ Moiva
πŸ‘‰ Mythical β€œfast” web page
πŸ‘‰ Typo tolerance

🧡🧡🧡 Details πŸ‘‡πŸ‘‡πŸ‘‡
The @reactjs core team published the state of their R&D about React Server Components, allowing to run some components on the server, and reduce the overhead of shipping some client-side code.

There's a video and a RFC here:

reactjs.org/blog/2020/12/2…
This is an illustration of what could be possible in the future.

Don't worry, React is not becoming like PHP, and it's not because you can that you should.

(In the same way, you could implement a React app in a single very fat component)

Read 26 tweets
21 Dec 20
This week in React

πŸ‘‰ React 2025
πŸ‘‰ Next for Vercel
πŸ‘‰ Vercel Virtual-Event-Starter-Kit
πŸ‘‰ Cloudflare Pages
πŸ‘‰ Meli
πŸ‘‰ Expo Application Services
πŸ‘‰ RN SwiftUI renderer
πŸ‘‰ React pragma
πŸ‘‰ Framer Motion
πŸ‘‰ React-Query 3
πŸ‘‰ RadixUI
πŸ‘‰ Modular
πŸ‘‰ EStimator
...

🧡🧡🧡 Details πŸ‘‡πŸ‘‡πŸ‘‡
React 2025 is a free course created by @leeerob

You'll build a real SaaS app, using a modern tech stack using Next.js, Firestore, Chakra, SWR, MDX, Stripe...

This looks interesting and different from other courses available.

react2025.com
After Vercel 40m$ series B announcement, @rauchg tells us what's Next for Vercel, and the future looks bright.

Core Web Vitals will likely become a very important indicator in May 2021 for SEO, and Vercel will give us the tools to do the right things

rauchg.com/2020/next-for-…
Read 19 tweets
16 Nov 20
What interested me this week❓

πŸ‘‰ React: Chakra, security, device-based code-splitting
πŸ‘‰ ReactNative: at Wix / ProductHunt, React-Navigation v6, Expo Application Services...
πŸ‘‰ TypeScript: at Bloomberg
πŸ‘‰ No-JS
πŸ‘‰ No-Else
πŸ‘‰ No-pipeline
πŸ‘‰ ...

🧡🧡🧡 Details πŸ‘‡πŸ‘‡πŸ‘‡
A nice React security cheatsheet has been posted by @ronperris from @snyksec, with 10 best practices

snyk.io/blog/10-react-…
Chakra UI v1 has been released, congratz to @thesegunadebayo for his popular accessible UI library.

Read 21 tweets
26 Oct 20
What interested me this week:
- Releases: React 17, CRA 4, Node 15
- React compared to Svelte and Vue
- Skypack quality score
- HTTP/3 support spreading
- Framer Motion page transitions
- ...

🧡🧡🧡Details πŸ‘‡πŸ‘‡πŸ‘‡
React 17

No new feature, but the ability to use 2 versions of React in the same app and simplify gradual updates.

Changes to the event delegation model, and the new JSX transform.

reactjs.org/blog/2020/10/2…
Create-React-App 4.0

- Fast Refresh
- React 17 (with new JSX transform)
- ESLint 7
- Typescript 4
- Jest 26
- ...

github.com/facebook/creat…
Read 15 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!