【ReactHooks入門】第2回：useStateの理解

※現在活動休止中に伴い、LINEマガジンは配信しておりません。 【目次】 0:00 導入 1:10 今回のゴール 1:25 useStateとは 2:50 ハンズオン：useStateの動作確認用のアプリを作成 4:30 ハンズオン：countアプリで基本の動きを理解 6:45 ハンズオン：useStateの一般的な書き方 9:22 ハンズオン：新しいstateが前のstateに基づいて計算される場合 12:44 ハンズオン：初期値の計算に時間がかかる場合 17:40 ハンズオン：入力フォームをuseStateで管理する 19:17 ハンズオン：1つのステートフックで複数の入力フォームの状態を管理 23:53 ハンズオン：複数のステートフックで複数の入力フォームの状態を管理 28:30 次回予告 ↓本講座のソースコードはこちら https://github.com/Naoya-abe/hooks-basic-public/tree/youtube/useState 【参考】 create-react-app Adding TypeScript https://create-react-app.dev/docs/adding-typescript/ フック API リファレンス https://ja.reactjs.org/docs/hooks-reference.html ステートフックの利用法 https://ja.reactjs.org/docs/hooks-state.html フック早わかり https://ja.reactjs.org/docs/hooks-overview.html React HooksのuseStateがどういう原理で実現されてるのかさっぱりわからなかったので調べてみた https://sbfl.net/blog/2019/02/09/react-hooks-usestate/ 【React Hooks】useStateの基本を理解しよう https://tyotto-good.com/blog/usestate-basic 【React Hooks】useStateの注意点と解決策3選 https://tyotto-good.com/blog/usestate-pitfalls ーーーーーーーーーーーーーーーーーーーーーー SNS ーーーーーーーーーーーーーーーーーーーーーー 【Twitter：@abechan_front】 あべ＠世界一優しいReact講師 https://twitter.com/abechan_front ーーーーーーーーーーーーーーーーーーーーーー プロフィール ーーーーーーーーーーーーーーーーーーーーーー ■あべちゃん 本業：大手IT企業 新規事業開発部所属 副業：フリーランスエンジニア、大手プログラミングスクール元講師 個人事業：Reactに特化したオンライン塾を運営