🏆登録者限定13大特典🏆
https://utage-system.com/line/open/aEL6cT1I2zgk?mtid=5hUvt78gbs0O
【「アプリで開く」を押してください）】
今回の動画のソースコードになります。
https://github.com/issiyda/react-todo/tree/base-todo
✅0からフロントエンドエンジニアを目指すロードマップ
✅プログラミング初心者向けおすすめ教材
✅現役のエンジニア/エージェントとのリアル対談動画18本
✅LINE限定のプログラミング学習動画 38本
✅3万円相当の1hキャリア無料相談
✅LINE追加者限定の講義動画5本
✅VSCodeショートカット34選まとめシート
✅時給単価7200円エンジニアのスキルシート
✅【高単価の出る】フリーランスエンジニアエージェントまとめ
✅【知らなきゃ大損】フリーランスエンジニアの単価を10万円上げる方法
Etc…
https://lin.ee/GpF1W6f
【「アプリで開く」を押してください）】
✅受講生の声
【動画】
https://www.youtube.com/@ishida-coaching
【個別相談感謝の言葉】
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を用いたTODOアプリ作成
02:13 仮想DOMの解説
04:57 Reactプロジェクト作成前の準備
05:50 npx crate-react-appで雛形の作成
07:47 Reactのフォルダ/ディレクトリの用途解説
12:59 コンポーネントを作るメリット/デメリット
15:50 jsxの書き方
16:30 コンポーネントの呼び出し方 ToDo
20:40 コンポーネントは必ず一つのタグでWrapを行う
21:25 具体的なコンポーネントのメリットデメリット
22:48 ReactのuseStateの解説
28:33 Map関数の解説
31:40 ReactのPropsで関数やパラメータの受け渡し
34:10 変更するとidが渡せなくなってしまう？？
35:17 スプレッド構文の書き方
36:57 Keyの解説
37:00 三項演算子の解説
38:08 Todoのチェックボックス追加
42:14 jsのfilter関数でtodo達成個数の取得
43:33 親側のパラメータをuseStateに変える
46:00 doneのステータスを変更する関数
48:37 titleの文言を変更する関数
51:57 TODOのDoneの個数を取得する関数（filter）
55:11 ReactTODOアプリのまとめ
55:55 特別なプレゼントの案内
#無料LINE登録アンケート回答で12個の豪華特典