[React 第2部] 高度なトピックとフック

こんにちは？ リアクト2部授業を受講していただきありがとうございます。

質問内容

• [2.1章 コンタクト] 2.1.4 プロバイダと消費者 / に質問があります。

• [3.5章 コンタクトフック] 3.5.2 useContenxt に質問があります。

リアクトコンタクトを作る過程で深く悩んで質問してくれました。 MyReactのコンタクトを改善した内容を付録として用意しました。

• ビデオ: https://youtu.be/s7-p_C50CFo?feature=shared

• コードの変更と記事：https: //github.com/jeonghwan-kim/lecture-react-season2/pull/1

要約

• MyReact.createContext() で作成したコンタクトで値を消費すると、コンポーネントが 2 回レンダリングされる現象があります。

• 問題を表現するためにテストコードを書きました。

• 連絡先を購読するコンポーネントの不要なレンダリングを削除しました。

すでに該当の授業を完了している方であれば、この内容で復習していただくと役に立ちます。授業前であれば、まず聞いた後にこの映像をご覧になるのがおすすめです。

ありがとうございます。