Pinned
Re: React Tokyoというコミュニティを作ろうと思ったワケ
Teruhisa
9,786 posts
Teruhisa
@t6adev
Individual LLC, Dad of 2, Software Engineer, React
Co-founder of @ReactTokyo
Co-organizer of @reactjp
🗣 Almost about web dev in Japanese
- Let's install it in VSCode NOW!! TypeScript users!! 👇 marketplace.visualstudio.com/items?itemName…
Typescript just got way better github.com/yoavbls/pretty… - VSCodeでTypeScriptのエラーを超絶読みやすくしてくる拡張が登場したのでその話題と、Vercelで募集されたドキュメントエンジニアのポジションとその給料についての話題を話しました。 👇 youtu.be/vJgqZgmUYhw
00:00 - Recently, the topic of React Server Components has become more prevalent. I took the time to review React concepts like SPA, data fetching and client-side rendering, SSR, and Suspense.
- Let's dive into React Server Components!! First, How does it work? What is the difference between normal components? When render and commit in streaming? ...What's RSC? (I need your public review🙃)
- 激アツです。 役立たずながら全力支援したい。
- これを見て自分の中の靄が晴れてきた感じ。 Jotai / Recoil は従来のReduxのようなトップダウンな状態管理ライブラリではなくボトムアップ型。 なので一元的にまとめるような構成は哲学に反してる気がする。 Single source of truth 、巨大なstoreから切り出すのを忘れよう？ zenn.dev/8_8/articles/5…
- いやぁ、駆け出しエンジニアの皆さんも大困惑のNextjs v13ですな😂 React始めるのに際してCRAの代わりにNext使う流れになってきてこれだし、チュートリアル終わったらノーマルすっ飛ばしてハードモードって感じ。 日本語記事を頼りにするしか無い人達は2歩も3歩も出遅れる・・ beta.nextjs.org/docs/rendering…
- React Server Components の前に知っておいたほうが良さそうなStreaming HTMLとSelective Hydration。 Data fetchやcode splitしたいコンポーネントをSuspenseで囲んでおいて初期表示を速める（SSRという点はこれまでと変わらず）。残りの2,3,4もSSRなんだけど並列化可能。 全てSSRという点に注目。
- Next.jsは、page -> layout の順序で実行しますが、React Server Component自体での実行順について調べました。
