こんにちは、noyanです。React内部実装アドベントカレンダーの12日目です。 今日もSchedulerというパッケージのコードを読んでいきます。 前回、Schedulerの機能は現在と未来のタスク管理であり、workLoop関数がこの両方に深く関わっていることを確認しまし…

こんにちは、noyanです。React内部実装アドベントカレンダーの11日目です。 今日はSchedulerというパッケージのコードを読んでいきます。 なぜSchedulerについてここで学ぶのでしょうか。useState編を読まれた方は、Reactがhooksの更新検知と実行に関して不…

２日ほど時間があきましたが私は元気です。 ちょっと頑張れない期間と難しい部分のコードリーディングが重なってました。 頑張れないときに50%でアウトプットを出すことを許せない自分の在り方がぶきっちょだなあと感じますが、（自分にとって）自明なコード…

こんにちは、noyanです。React内部実装アドベントカレンダーの6日目です。前回でuseStateが一段落したので、1回で終わる簡単な記事を書きます。 JSXはフレームワーク非依存のJavaScript構文拡張で、宣言的にUIを記述することを可能にします。多くの人は親し…

こんにちは、noyanです。React内部実装アドベントカレンダーの5日目です。昨日まで3回にわけてマウント時のuseState処理を追ってきました。ですが、詳細に関数の処理を追うことに注力したため、実際に関数コンポーネントと関数の知識が結びついていない感じ…

こんにちは、noyanです。React内部実装アドベントカレンダーの4日目です。昨日集中しすぎてうまく頭が働かないようなので、文章が荒かったらすみません。 引き続きReactのuseStateフックの内部実装を読み解いていきます。 これまで、マウント時のuseState()…

こんにちは、noyanです。React内部実装アドベントカレンダーの2日目です。 引き続きReactのuseStateフックの内部実装を読み解いていきます。 目的 更新系を理解する準備として、dispatch関数が呼ばれたときの処理を知る。 Hookが単連結リスト構造だと知る。 …

こんにちは、noyanです。React内部実装アドベントカレンダーの1日目です。 この記事ではReactのuseStateフックの内部実装を読み解いていきます。 概要 Reactを使っている人のほとんどがuseStateを使ったことがあるでしょう。一方で内部実装を知っているひと…