【React基礎編 】#02 現役エンジニアと学ぶReactの主要な関数(hooks)を完全マスターしてフロントエンドエンジニアへ

🏆登録者限定12大特典🏆 https://utage-system.com/line/open/aEL6cT1I2zgk?mtid=5hUvt78gbs0O 【「アプリで開く」を押してください）】 ✅0からフロントエンドエンジニアを目指すロードマップ ✅プログラミング初心者向けおすすめ教材 ✅現役のエンジニア/エージェントとのリアル対談動画18本 ✅LINE限定のプログラミング学習動画 38本 ✅3万円相当の1hキャリア無料相談 ✅LINE追加者限定の講義動画5本 ✅VSCodeショートカット34選まとめシート ✅時給単価6000円エンジニアのスキルシート ✅【高単価の出る】フリーランスエンジニアエージェントまとめ ✅【知らなきゃ大損】フリーランスエンジニアの単価を10万円上げる方法 Etc… https://lin.ee/GpF1W6f 【「アプリで開く」を押してください）】 【個別相談感謝の言葉】 https://note.com/issiyrun/n/ne27ca6113b71 多くの人に感謝の言葉をいただいています。 期間限定で3万円相当の無料相談実施中。 ◆━━━━━━━━━━━━━━━━━━◆ ⬇️いしだの公式LINE⬇️ ◆━━━━━━━━━━━━━━━━━━◆ ✅10秒で終わる質問に回答するだけで 🏆豪華12大特典🏆 ╋━━━━━━━━╋ 🏆豪華特典1個目🏆 0から半年でフロントエンドエンジニア になるためのロードマップ ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典2個目🏆 初心者でも始められる おすすめ学習教材7選 ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典3個目🏆 エンジニア/エージェント との対談動画18本 ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典4個目🏆 普段の思考やルーティン いしだの裏側動画5本 ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典5個目🏆 Node.js&Git 徹底解説動画38本 ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典6個目🏆 いしだに直接 1hキャリア無料相談 ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典7個目🏆 面接で問われる質問 20選と回答の電子書籍 ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典8個目🏆 VSCodeショートカット 34選まとめシート ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典9個目🏆 時給単価6000円エンジニア のスキルシート ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典10個目🏆 【高単価の出る】エージェントまとめシート ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典11個目🏆 フリーランスエンジニアの 単価を10万円/月上げる 解説動画 ╋━━━━━━━━╋ ╋━━━━━━━━╋ 🏆豪華特典12個目🏆 エンジニアなら絶対に 揃えるべき機器4選 ╋━━━━━━━━╋ 【⬇️無料登録はこちら⬇️】 https://utage-system.com/line/open/aEL6cT1I2zgk?mtid=5hUvt78gbs0O 【「アプリで開く」を押してください）】 もしくは @420tzvlx で友達ID検索！ 【「＠」を忘れずに！！】 ✅ React学習講座 【React基礎編】#01 たった1hで完全理解！ 現役エンジニアと Reactを用いたTODOアプリ作成 https://youtu.be/YCnUl0eXFvs 【React基礎編 】#02 現役エンジニアと学ぶReactの主要な関数(hooks)を完全マスターしてフロントエンドエンジニアへ https://youtu.be/5-7Fm5QxSrI 【React基礎編】#03 現役エンジニアと学ぶ現代フロントエンド必須のTypescriptを使ってReactTODOアプリを堅牢に！！ https://youtu.be/-IyZvznT7x8 【React基礎編】#04 簡単にReactでUI実装 現役エンジニアが使う ChakraUIで簡単にUI実装 https://youtu.be/oBXOMiV3d_Q 【React基礎編】#05 ReactとTypeScriptとChakraUIで見た目がリッチなTODOを爆速で開発 https://youtu.be/vZBTgbEGZXs ✅Twitter https://twitter.com/issiyrun よかったらフォローしてください！ ご視聴いただきありがとうございました。 ◆━━━━━━━━━━━━━━━━━━◆ 00:00 Reactの主要な関数 hooksを完全マスターしてフロントエンドエンジニアへ 01:58 絶対に押さえておいてもらいたいこと 02:50 今回紹介するReact hooksの重要度の紹介 03:19 以前のReact基礎の動画の紹介 04:37 仮想DOMの紹介 06:40 1. useState データを管理する 09:10 2-1. useEffect　副作用を処理する 11:44 2-2. useEffectの依存関係 14:24 2-3. useEffectでの無限ループを避ける 16:30 3. useMemo 重い処理が出た時 24:54 4. useCallback 重い処理が出た時 30:42 5. useRef受け取った値で処理をする時 34:44 6. useReducer 使われていないので紹介しない 35:26 7-1. useContext 値をグローバルに渡す 40:30 7-2. createContextでグローバルで使えるように 41:32 7-2. useContext Providerの作成 42:19 7-3. useContextで値を使えるように 45:36 8-1 customHooks 46:10 8-2 優先度の文言返すReacthooks 54:15 8-3 todoをトグルするReact hooks 59:59 まとめ 1:00:27 エモいお話し 新しいことをしないと人はさびれる 1:01:34 復習ポイント・まとめ 1:02:28 特別なプレゼント #無料LINE登録アンケート回答で12個の豪華特典