Thread by @sebastienlorber

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…

@skypackjs Package Quality Score is interesting.

You can include it in your own build pipeline, to ensure good ES modules support and discoverability.

skypack.dev/blog/2020/10/s…

Svelte for sites, React for Apps, another great write-up from @swyx making me seriously considering learning Svelte.

dev.to/swyx/svelte-fo…

On the same subject, there's a Svelte Summit 2020 summary from @lihautan

lihautan.com/notes/svelte-s…

Another interesting read from @hswolff , comparing React and Vue. I don't agree with all the args, but has some interesting ones as well.

hswolff.com/blog/what-vuej…

Chromogen generates Jest + Recoil selectors tests for you.

Not sure of the value I'd get from it yet, as I never used Recoil in production, but worth trying :)

medium.com/swlh/an-easier…

@Jose_R_Felix has written a nice tutorial on how to do animated page transitions in React, using Framer Motion.

dev.to/joserfelix/pag…

NodeJS 15 is here with a few additional useful features:

- AbortController
- npm 7
- Promise unhandled rejections = throw
- QUIC, HTTP/3
- Upgrade V8: promise.any, replaceAll

nodejs.medium.com/node-js-v15-0-…

Speaking of HTTP/3 and QUIC, we see support spreading these days, with recent announces from CloudFlare, Chrome, NodeJS, Vercel (soon)...

Here's interesting feedback from using HTTP/3 at Facebook.

engineering.fb.com/networking-tra…

This Booster serverless framework looks interesting, as it's based on CQRS and event-sourcing principles, curious to know more about it.

If you like Redux principles, you might like applying similar patterns on the backend as well.

dev.to/boostercloud/e…

It's possible to use Microsoft Edge on Linux now.

Not sure who will use it exactly, but will be helpful for Linux devs that want to test their code in Edge, but now that Edge is using Chromium...😅

blogs.windows.com/msedgedev/2020…

If you never heard about the bubble vs the capture phase, you'll find this article from @carlrippon helpful to discover the concept.

carlrippon.com/stoppropagatio…

News from my french React Hebdo weekly newsletter

Considering translating it, this tweet is an experiment to see if people like it :)

Not 100% React, but I try to gather content that is useful to know for open-minded React devs

getrevue.co/profile/sebast…