𧡠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 π
π 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
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β¦
@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/
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β¦
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β¦
@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
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
@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β¦
@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
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β¦
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
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β¦
@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β¦
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β¦
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β¦
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β¦
π 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β¦
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β¦
@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
π Support me π
βοΈ Subscribe: ThisWeekInReact.com
π¦ Retweet
https://twitter.com/sebastienlorber/status/1488568675426873346
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
