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 πππ
π 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β¦
- 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β¦
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β¦
Just discovered Piral, a framework for React microfrontends by @FlorianRappl
@DanteDeRuwe used it to implement a Netflix clone:
dev.to/dantederuwe/myβ¦
Will have to study this more deeply to have strong opinions.
May play well with React >= 17?
@DanteDeRuwe used it to implement a Netflix clone:
dev.to/dantederuwe/myβ¦
Will have to study this more deeply to have strong opinions.
May play well with React >= 17?
React-Spring v9 has been released by @alecdotbiz
Lots of new features:
- platform packages (web,native,three...)
- unified api
- concurrent mode support
- deps arrays
- shorthand
...
aleclarson.github.io/react-spring/vβ¦
Lots of new features:
- platform packages (web,native,three...)
- unified api
- concurrent mode support
- deps arrays
- shorthand
...
aleclarson.github.io/react-spring/vβ¦
If you never used error boundaries in React, @AdebiyiAL has a nice intro here:
blog.logrocket.com/handling-javasβ¦
blog.logrocket.com/handling-javasβ¦
New mobile dev trend? => serializable apps.
@wongmjane noticed Instagram Lite's new native app uses something quite similar to React server-components, called Bloks. Also quite similar to the native Messenger app.
@ricmac has a good summary:
thenewstack.io/instagram-liteβ¦
@wongmjane noticed Instagram Lite's new native app uses something quite similar to React server-components, called Bloks. Also quite similar to the native Messenger app.
@ricmac has a good summary:
thenewstack.io/instagram-liteβ¦
We can write JS code in multiple ways and it's not always easy to make a choice.
@laurieontech explains how 2 experts might make different choices and consider different factors.
alistapart.com/article/human-β¦
@laurieontech explains how 2 experts might make different choices and consider different factors.
alistapart.com/article/human-β¦
@MiriSuzanne and @Una announced that a CSS container queries prototype is now in Chrome canary behind a flag!
Can't wait for this to become production-ready!
Can't wait for this to become production-ready!
https://twitter.com/MiriSuzanne/status/1375504202823200770
vanilla-extract is the new CSS-in-TS zero-runtime library by @markdalgleish (author of CSS modules)
Inspired by Stitches (that released a beta).
Write .css.ts and use the power of TS as a CSS pre-processor: this code is eliminated at build time.
github.com/seek-oss/vanilβ¦
Inspired by Stitches (that released a beta).
Write .css.ts and use the power of TS as a CSS pre-processor: this code is eliminated at build time.
github.com/seek-oss/vanilβ¦
A Deno company has been created!
deno.com/blog/the-deno-β¦
A seed round of $5m and some details about the open-source governance/revenue model.
@kitsonk also mentioned a Deno hosting service: deno.com/deploy
deno.com/blog/the-deno-β¦
A seed round of $5m and some details about the open-source governance/revenue model.
@kitsonk also mentioned a Deno hosting service: deno.com/deploy
SvelteKit public beta: @Rich_Harris published a blog post.
Successor of Sapper, it is an equivalent of Next.js for the Svelte ecosystem.
Interesting details about the choice to migrate from Snowpack to Vite.
svelte.dev/blog/sveltekitβ¦
Successor of Sapper, it is an equivalent of Next.js for the Svelte ecosystem.
Interesting details about the choice to migrate from Snowpack to Vite.
svelte.dev/blog/sveltekitβ¦
Discovered tRPC by @alexdotjs
A toolkit to make the client/server API calls typesafe, using TS 4.1 template literal types.
Also has a react-query client.
github.com/trpc/trpc
A toolkit to make the client/server API calls typesafe, using TS 4.1 template literal types.
Also has a react-query client.
github.com/trpc/trpc
π¬ THE END!
Turning these threads into emails soon.
βοΈ Subscribe here: tinyletter.com/slorber
β€οΈ Like this thread 𧡠?
π Please Retweet π
π Follow the link π
Turning these threads into emails soon.
βοΈ Subscribe here: tinyletter.com/slorber
β€οΈ Like this thread 𧡠?
π Please Retweet π
π Follow the link π
https://twitter.com/sebastienlorber/status/1376537880273821696
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
