𧡠This Week In React
π Remix 1.0
π Test Selector API
π 3D Scene
π Prev unnecessary renders
π Next.js offload scripts
π Tamagui cross-platform UI kit
π Partial hydration
π Lighthouse 9
π Cloudflare Pages
π Fundraisings
... more in the newsletter π
𧡠Details π
π Remix 1.0
π Test Selector API
π 3D Scene
π Prev unnecessary renders
π Next.js offload scripts
π Tamagui cross-platform UI kit
π Partial hydration
π Lighthouse 9
π Cloudflare Pages
π Fundraisings
... more in the newsletter π
𧡠Details π
𧡠@remix_run launches in v1
Focus on UX, progressive enhancement, perf
Leverage existing Web APIs => reusable skills
Landing page parallax explains most important parts in 5min β±οΈ
!= Next.js, @ryanflorence says it's more like Rails (intro video)
remix.run
Focus on UX, progressive enhancement, perf
Leverage existing Web APIs => reusable skills
Landing page parallax explains most important parts in 5min β±οΈ
!= Next.js, @ryanflorence says it's more like Rails (intro video)
remix.run
𧡠React Test Selectors
Experimental RFC API by @brian_d_vaughn
Should make e2e tests more robust
Cross-platform: should work with RN, R3f...
Ability to select by text, testName (like TestingLib testId), but also component!
gist.github.com/bvaughn/d3c8b8β¦
Experimental RFC API by @brian_d_vaughn
Should make e2e tests more robust
Cross-platform: should work with RN, R3f...
Ability to select by text, testName (like TestingLib testId), but also component!
gist.github.com/bvaughn/d3c8b8β¦
𧡠Build stunning 3D scenes with React Three Fiber
@winkerVSbecks destructs techniques with R3
From basics to @storybookjs integration, composition, animation, custom shader
varun.ca/modular-webgl
@0xca0a reminds R3f works cross-platform (RN):
@winkerVSbecks destructs techniques with R3
From basics to @storybookjs integration, composition, animation, custom shader
varun.ca/modular-webgl
@0xca0a reminds R3f works cross-platform (RN):
https://twitter.com/0xca0a/status/1462861615494307856
𧡠How To Prevent Unnecessary React State Update Re-renders
@keraito highlight some not-so-widely known things about state updates
setState(v => v) does not produce re-render, but beware of unnecessary shallow object/array copies
chakshunyu.com/blog/how-to-prβ¦
@keraito highlight some not-so-widely known things about state updates
setState(v => v) does not produce re-render, but beware of unnecessary shallow object/array copies
chakshunyu.com/blog/how-to-prβ¦
𧡠Next.js proposal to off-load third-party scripts, by @hdjirdeh
Move load to background thread / Web Worker
This can improve web page load perf
Could leverage existing Partytown lib, or build something custom
github.com/vercel/next.jsβ¦
Move load to background thread / Web Worker
This can improve web page load perf
Could leverage existing Partytown lib, or build something custom
github.com/vercel/next.jsβ¦
𧡠What's Next.js by @NatalieMarleny
New series of online meetups focusing on new, cutting edge things coming in the Next.js ecosystem
Good time to hear about things like Bun, the new bundler from @jarredsumner compatible with Next.js
whatsnext.js.org
New series of online meetups focusing on new, cutting edge things coming in the Next.js ecosystem
Good time to hear about things like Bun, the new bundler from @jarredsumner compatible with Next.js
whatsnext.js.org
𧡠Little thread pause
Don't forget to subscribe by email Folded hands βοΈ
There's even more content inside and better insight π
Take a look at an online edition π
β‘οΈ ThisWeekInReact.com
Don't forget to subscribe by email Folded hands βοΈ
There's even more content inside and better insight π
Take a look at an online edition π
β‘οΈ ThisWeekInReact.com
𧡠Tamagui by @natebirdman
New abstraction to build cross-platform design systems
Leveraging RNW, atomic CSS
Solves media-queries, theme, design tokens, type-safety, SSR (site using Next.js)...
The compiler can extract conditional inline styles!
tamagui.dev
New abstraction to build cross-platform design systems
Leveraging RNW, atomic CSS
Solves media-queries, theme, design tokens, type-safety, SSR (site using Next.js)...
The compiler can extract conditional inline styles!
tamagui.dev
𧡠react-native-performance by @almouro @bam_lab
New Flipper plugin to monitor app's performance
Inspired by Lighthouse, for React-Native (android only for now)
github.com/bamlab/react-nβ¦
New Flipper plugin to monitor app's performance
Inspired by Lighthouse, for React-Native (android only for now)
github.com/bamlab/react-nβ¦
𧡠Donβt use the wrong JDK for React Native if youβre using an M1 Mac
@jamonholmgren suggests to use the Azul Zulu JDK instead of adoptopenjdk8
Can speed up Android app build time x2
shift.infinite.red/dont-use-the-wβ¦
@jamonholmgren suggests to use the Azul Zulu JDK instead of adoptopenjdk8
Can speed up Android app build time x2
shift.infinite.red/dont-use-the-wβ¦
𧡠What is partial hydration and why is everyone talking about it?
@ajcwebdev reminds the hydration "uncanny valley"
Great overview of how frameworks handle things like partial hydrating, progressive enhancement, islands architecture through the ages
dev.to/ajcwebdev/whatβ¦
@ajcwebdev reminds the hydration "uncanny valley"
Great overview of how frameworks handle things like partial hydrating, progressive enhancement, islands architecture through the ages
dev.to/ajcwebdev/whatβ¦
𧡠Lighthouse 9.0 by @brendankenny
New user-flow integration => seems very convenient to measure Single-Page-Application interactions and get some insights
Also improved Lighthouse report readability
developer.chrome.com/blog/lighthousβ¦
New user-flow integration => seems very convenient to measure Single-Page-Application interactions and get some insights
Also improved Lighthouse report readability
developer.chrome.com/blog/lighthousβ¦
𧡠Cloudflare Pages Goes Full Stack by @nevikashah @glenmaddern @1000hz
Cloudflare Pages catch-up on DX
Now allows deploying Workers alongside your static deployment with a single git push
=> CF: commits to make seamless integration with React fwks
blog.cloudflare.com/cloudflare-pagβ¦
Cloudflare Pages catch-up on DX
Now allows deploying Workers alongside your static deployment with a single git push
=> CF: commits to make seamless integration with React fwks
blog.cloudflare.com/cloudflare-pagβ¦
𧡠Fundraising week for our hosting providers π
- $150m for @vercel vercel.com/blog/vercel-fuβ¦
- $105m for @Netlify netlify.com/press/netlify-β¦
- $20m for @render render.com/blog/render-seβ¦
- $150m for @vercel vercel.com/blog/vercel-fuβ¦
- $105m for @Netlify netlify.com/press/netlify-β¦
- $20m for @render render.com/blog/render-seβ¦
π¬ THREAD END!
Follow @sebastienlorber for the next threads!
π Better insights and more content by email
βοΈ Subscribe now at ThisWeekInReact.com
---
β€οΈ Like this thread 𧡠?
π Please help me & Retweet the thread "head" below π
Follow @sebastienlorber for the next threads!
π Better insights and more content by email
βοΈ Subscribe now at ThisWeekInReact.com
---
β€οΈ Like this thread 𧡠?
π Please help me & Retweet the thread "head" below π
https://twitter.com/sebastienlorber/status/1463167522849669121
Previous editions?
They are all published online at ThisWeekInReact.com
Read the previous Twitter thread here:
They are all published online at ThisWeekInReact.com
Read the previous Twitter thread here:
https://twitter.com/sebastienlorber/status/1460624168513327105
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
