毎日投稿（React）TODOアプリ学習

React(TODOアプリ作成）

今日もReactの学習しました。U-demyの動画学習です。
以下オススメです！！

モダンJavaSciptの基礎から始める挫折しないためのReact入門
https://www.udemy.com/course/modern_javascipt_react_beginner/

昨日、Reactの基本的な書き方など学んだ上で、
今回はReactでTODOアプリを作成しました。

動画学習の進め方としては、以下のような流れが一番です！
機能追加などセクション毎に分かれいるので、まずは自分で実装してから出来なかったら、
動画を見る！という流れで実践したら、理解度が格段に違ってきます！

例

・タスク追加機能
・タスク削除機能
・タスク完了機能など、、、

まずは自分で考えて実装となると、時間がかかりますが、
これは絶対にすべきですね。

どうやって、引数を渡すのだろう？
どうやってuseStateを更新すればいいかなど考えて実装するうちに、わからないにぶち当たります。
そして答えとなる動画を見ると「あ！こんな風にやるのか！」面白くなります！

私の場合、削除ボタンを押すとタスクが削除される時に、どうやったら、引数を渡すかわからなくなり、答えとなる動画を見ました。

最初の実装⬇️

<button onClick={onClickRemove(index)}>削除</button>

答え⬇️

 <button onClick={() => onClickRemove(index)}>削除</button>

なるほど！ということ実感出来たので、とても楽しかったです！

感想

JavaScriptで作ったTODOアプリより、Reactで作ったTODOの方格段にコード量が少なく、また使い回しが効くなどメリットがありすぎるので最高でしたね。
まだまだReact初心者ですが、これから学習していきます！

以上、ありがとうございました。