🧵 This Week In React
👉 Remix + web
👉 MDX 2
👉 React + lifetime analysis
👉 Schema Form System
👉 React Quick Start docs
👉 Story of React
👉 Debugging
👉 RN Usage Tracker
👉 Porting tsc to Go
👉 Deno 2021
👉 Error Cause
👉 Trailing Slash
... more by email ✉️
🧵 Details 👇
🧵 Intro
Calm week for React & React-Native
Still interesting for the ecosystem, converging to std web APIs: Remix, Deno, Node.js fetch() + JSON modules...
✉️ Subscribe by email or read this online (more content inside)
➡️ ThisWeekInReact.com
🧵 @remix_run: Not Another Framework!
@ryanflorence explains it's 100% worth learning Remix, based on std web APIs
Knowledge: transferable
Like JS knowledge acquired while writing JSX
Personal hot take: Remix could be the gateway to upgrade us to Deno
remix.run/blog/not-anoth…
@remix_run @ryanflorence 🧵 MDX v2 by @wooorm
Who doesn't like MDX?
The best way to create interactive blog posts
Most exciting to me:
- improved syntax to interleave md / JSX
- perf improvements
- any JSX runtime
mdxjs.com/blog/v2/
@remix_run @ryanflorence @wooorm 🧵 Lifetime Analysis for React Component Architecture
Alan explains a methodology to choose where to declare React state
I think I do exactly this, intuitively
Inspired by Rust's lifetime analysis (not requiring Rust knowledge)
valand.dev/blog/post/from…
@remix_run @ryanflorence @wooorm 🧵 Creating a Schema-Based Form System
@taniarascia shared how to render a dynamic form based on a JSON schema
An example is using Formik/Yup, but it's more about the technique than those impl libs
Useful if a CMS or backend sends such dynamic schema
taniarascia.com/schema-based-f…
@remix_run @ryanflorence @wooorm @taniarascia 🧵 New React Quick Start docs (beta) by @dan_abramov
One small page gives a really nice and concise overview of all the important React concepts to learn first
beta.reactjs.org/learn
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov 🧵 The Story of React
@tylermcginnis does a great React retrospective with this funny video
From JQuery/Backbone days to Next.js and Remix
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis 🧵 Pause Your React App with Breakpoints
@asidorenko_ presents visually how to use a debugger on React code
For those of you still using console.log 😏 it's really worth learning this once for all
alexsidorenko.com/blog/debug-rea…
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis @asidorenko_ 🧵 Thread pause 😜
Don't forget to subscribe by email ✉️
More content, better insight 👌
Take a look at any online edition 😉
➡️ ThisWeekInReact.com
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis @asidorenko_ 🧵 React Zorm by @esamatti
New form library based on uncontrolled inputs + Zod
Follow the trend of being based on web APIs, nice integration with Remix
github.com/esamattis/reac…
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis @asidorenko_ @esamatti 🧵 React Native Version Usage Tracker by @nick_gerleman
TIL there's a tool to track usage of React-Native per version
Might help you figure out if you are late
+ convince your boss it's time to upgrade 😏
Also tracks @expo SDK versions
rn-versions.github.io
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis @asidorenko_ @esamatti @nick_gerleman @expo 🧵 Porting tsc to Go
@kdy1dev, author of SWC, wants to remove the tsc bottleneck
Loves Rust, tried rewrite (POC x62 perf) but it's too much work: rewrite ➡️ port
tsc codebase: easier to port in Go than Rust (shared mutability)
Exciting future plans!
kdy1.dev/posts/2022/1/t…
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis @asidorenko_ @esamatti @nick_gerleman @expo @kdy1dev 🧵 Deno in 2021 by @AaronOMullan @biwanczuk
Retrospective with some important Deno milestones:
- Deno Deploy: isolates at edge
- optimized core
- foreign function interface
...
Most exciting to me as a React dev
- web compat
- node.js compact mode
deno.com/blog/deno-in-2…
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis @asidorenko_ @esamatti @nick_gerleman @expo @kdy1dev @AaronOMullan @biwanczuk 🧵 Node.js debugging and error handling with Error Cause
Nice intro to the new Error Cause feature by @FattaliMoaad
You know I like this one 😏 this will be so helpful to troubleshoot many problems
Available starting Node.js 17.3
medium.com/ovrsea/power-u…
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis @asidorenko_ @esamatti @nick_gerleman @expo @kdy1dev @AaronOMullan @biwanczuk @FattaliMoaad 🧵 Trailing Slashes on URLs: Contentious or Settled?
Trailing slashes are complicated and non-std:
- depends on output: /path/index.html VS /path.html
- depends on host behavior
@zachleat presented nicely the analysis I did for Docusaurus 👌 thanks
zachleat.com/web/trailing-s…
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis @asidorenko_ @esamatti @nick_gerleman @expo @kdy1dev @AaronOMullan @biwanczuk @FattaliMoaad @zachleat 🧵 Automatic Class Sorting with Prettier by @adamwathan @reinink
👌 to avoid useless git conflicts
tailwindcss.com/blog/automatic…
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis @asidorenko_ @esamatti @nick_gerleman @expo @kdy1dev @AaronOMullan @biwanczuk @FattaliMoaad @zachleat @adamwathan @reinink 🧵 Turborepo 1.1 by @jaredpalmer
Adoption is going strong for this new monorepo tool, > 70k weekly dl
This new version provides nice additions like the ability to declare which env variables you depend on in the build pipeline
turborepo.org/blog/turbo-1-1…
@remix_run @ryanflorence @wooorm @taniarascia @dan_abramov @tylermcginnis @asidorenko_ @esamatti @nick_gerleman @expo @kdy1dev @AaronOMullan @biwanczuk @FattaliMoaad @zachleat @adamwathan @reinink @jaredpalmer 🧵 The TypeScript converging point
@ddprrt explains how to bring type-safety to the CLI commander package, based on string args
Can we express every JavaScript program through TypeScript types? => Not yet
fettblog.eu/slides/the-typ…
🎬 THREAD END! 🧵
🙏 Support me 🙏
✉️ Subscribe: ThisWeekInReact.com
🐦 Retweet
Meme of the week
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.