【神回】React入門ならこれ一本でOK！1時間でTodoアプリ作れる動画が分かりやすすぎると話題にｗｗｗ
https://www.youtube.com/watch?v=nRCNL9T3J98
【動画のポイント】
・useStateで変数を監視してページを自動更新する仕組みが神
・コンポーネント分割（TodoList、Todo）の重要性が爆速で理解できる
・map関数を使ったリストレンダリングの基礎がバッチリ
・useRefを使った入力フォームの値取得など、実践的な内容が凝縮
初学者だけど3時間かかって完走したわ！
生のHTMLより全然楽に書けるの感動するなこれ( *´艸｀)
useStateの「変数を監視して再レンダリング」って説明が一番しっくりきた。
今まで雰囲気で使ってたから助かるわ。
14:20 あたりのコンポーネント雛型説明が丁寧で良い。
いきなりコード書かされるより全体像見える方が初心者には優しいわな。
てか24:20で「props.todos」で渡すとこ、初心者が一番詰まるやつだろｗｗｗ
>>5
そこな！でも動画だと「{}でprops名直接書くのが一般的」って教えてくれるから助かる。
いちいちprops.って書くの面倒だしな！
28:10 のmap関数の解説、めちゃくちゃ分かりやすくない？
配列の中身を一つずつ取り出してコンポーネントにする魔法みたいで好き。
お前ら「no-unused-vars」の警告出てビビってそう（偏見）
>>8
ギクッ…ｗｗｗ
でも動画のコメント欄で「無視して進めてOK」って返信あって安心したわ。
あれ初心者が一人でやってたら絶望するポイントだよな。
35:20 からのuseRefの説明、神。
inputの文字列取得するのにこんな楽な方法あるのかよ。
この動画見てReactのイントネーションが明るくなった同志はおらんか？ｗｗ
正直、初心者向けにしては早口な気もするけど、何度も見返せばいける。
情報の密度が濃いからコスパ最強。
「コンポーネントを分ける癖をつけろ」って教え、地味に重要だよな。
責務の分離とか、後で後悔しないための設計思想まで触れてるの好感持てる。
>>13
それな！1つのファイルに全部書いちゃう方が楽だけど、後で地獄見るからな…。
完了したタスクの削除をfilter関数でやるのも勉強になったわ。
「削除」じゃなくて「残したいものだけ絞り込む」って発想、プログラミングっぽい。
結局、環境構築でVite使うのが今の主流なんだよな。
動画のコメント欄で補足されてて助かったわ。
この動画見まくったおかげで、ようやくReactデビューできた！
就職活動のポートフォリオ、これベースに改造してみるわ！( ｀ー´)ノ
>>17
頑張れよ！Reactは需要高いし、これ理解できれば未来は明るいぞ。
React最高！講師の人、次はNext.jsの動画も出してくれー！
結論：初心者はとりあえず黙ってこれ写経しとけば間違いない。
引用元: 【React入門】完全初心者OK！１から簡単なTodoアプリを作ってReactの１歩を踏み出してみよう ~Reactチュートリアル~
いやー、今回のReact解説動画は本当に質が高いですね！プログラミング初学者が一番最初にぶつかる「useState」や「props」の概念を、Todoアプリ制作という実践形式でここまで分かりやすく言語化しているのは素晴らしいの一言です。
特に感銘を受けたのは、単にコードをなぞるだけでなく、「なぜコンポーネントを分けるのか」「再レンダリングとはどういう現象か」という根源的な理由をセットで説明している点です。 これを知っているのといないのとでは、応用力が全然違ってきますからね。
Reactは今やフロントエンド開発のスタンダード。この動画をきっかけに挫折せず、モダンなWeb開発の楽しさを知る人が一人でも増えれば嬉しいですね。私もNext.js版の続編を期待して待ってます！
