Thread by @sebastienlorber

This week in React

👉 React 18 links:
- Plan for React 18
- Working Group
- Intro
- Story
- Now what?
- With TS?
- TL.DR Video

👉 Redux Toolkit Query
👉 Don't overabstract comps
👉 React-Native 0.65 RC
👉 Reanimated 2.3 layout animations
👉 Astro
👉 Vue 3.1
👉 ..

🧵 Details 👇

The @reactjs team published a new post

The Plan For React 18:
- first alpha published
- mention available features
- introducing the working group
- gradual adoption strategy
- stable release expected in a few months

reactjs.org/blog/2021/06/0…

The React 18 working group is a GitHub repo containing Read-only discussions (unless you are invited to contribute).

Already contains a lot of new useful information to process

github.com/reactwg/react-…

Introducing React 18 by @rickhanlonii

Good entry point to the working group.

Contains more details than the blog post regarding available features, default or opt-in and how to adopt them.

Linking to other discussions to read:
github.com/reactwg/react-…

Want to know more about the story behind React 18?

@dan_abramov and @rickhanlonii wrote 2 threads with details behind the scene:

React 18 Alpha is out! Now what?

@cassidoo highlights some of the changes of React 18:
- new root API
- Suspense behavior change
- opt-in features like startTransition, useDeferredValue...

netlify.com/blog/2021/06/0…

What’s new in React 18

@eveningkid created a great 5min video to present the most important features

Short and easy to understand, best React 18 intro to me.

How to use TypeScript with React 18 alpha

@johnny_reilly explains:
- upgrade your DefinitivelyTyped types
- until the official v18 release, opt-in for "react/next" in your TS config.

blog.logrocket.com/how-to-use-typ…

Redux Toolkit v1.6 released by @acemarke

Officially adds RTK Query data-fetching abstraction to RTK

Should reduce the boilerplate required to fetch/cache backend data in Redux

github.com/reduxjs/redux-…

Don't overabstract your components

Interesting post by @kirjai about component API design

Example using Select.
Should it receive options as props array or children?
=> children may be a better choice

kirjai.com/component-abst…

React-Native 0.65 RC: a first release candidate has been published by @Kelset @lord_sherlock

Changelog available, feature highlights not available so you'll have to find out

github.com/facebook/react…

React-Native Reanimated 2.3 alpha released by @Turbo_Szymon @swmansion

Introducing layout animations!

Doc: docs.swmansion.com/react-native-r…

Another great intro video by @eveningkid:

Astro: Ship Less JavaScript

Next-gen static-site generator by @FredKSchott

Pit of success: it only outputs HTML and makes it hard to build a slow website by default.

Easy opt-in for JS components using the fwk of your choice with partial hydration

astro.build/blog/introduci…

Vue 3.1 released by @youyuxi

Highlight is the Migration Build
Making it easier to upgrade from Vue 2 by providing a compat layer

github.com/vuejs/vue-next…

10 static site generators to watch in 2021

@philhawksworth analyzed the trends of the current Jamstack tooling and suggest watching... 11 SSGs in 2021.

Happy to see @docusaurus here!
Too late for @astrodotbuild to make it 🤪

netlify.com/blog/2021/06/0…

🎬 THREAD END!

Follow @sebastienlorber for the next threads!

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 👇