プロジェクト

全般

プロフィール

2nd memo 2023-09-27

2023-10-04(水) 17:10~

git clone ssh://git-kino/v1/repos/tutorial-react
あるいはclone済のフォルダで
git pull origin master

# 前回までのソース
git checkout POINT1_20230830

# 色追加の入力フォームの実装
git checkout POINT2_20230927_A

# コンテキスト+カスタムhookによる改善版(現時点でのmasterと同じ状態)
git checkout POINT2_20230927_B

前回に続いて"RatingApp"のコードを中心に進めます。

  • AddColorForm_A.js → useRefフック利用版 ※useRefのサンプルのために作成。このやり方は非推奨
  • AddColorForm_B.js → useStateフック利用版
  • AddColorForm_C.js(+hooks.js) → カスタムフック利用版

組み込みの React フック
ref で値を参照する
カスタムフックでロジックを再利用する
useContext