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 π
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.