𧡠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_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
𧡠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β¦
𧡠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):
𧡠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β¦
𧡠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β¦
𧡠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
𧡠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
𧡠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
𧡠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β¦
𧡠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β¦
𧡠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β¦
𧡠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β¦
𧡠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β¦
𧡠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β¦
π¬ 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 π
Previous editions?
They are all published online at ThisWeekInReact.com
Read the previous Twitter thread here:
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.