【React】Reactで学習記録登録アプリを作ってみた

はじめに

　Reactで簡単な学習記録アプリを作ったので、それを作るまでに学んだこと、思ったこと大変だったことをまとめます。

アプリ概要

1. 学習内容と時間を入力。
2. 入力内容をリアルタイムで表示。
3. 登録を押すと入力した内容が出力。
4. 登録した学習時間の合計時間が下に計算されて表示。

学んだこと

　シンプルなアプリでしたが、今まで学んだuseStateを中心にmap関数などJavaScriptも復習できて勉強になりました。何も見ず書くまではいけないが、学んだことを復習しながら書けば、以前よりも時間をかけずに作ることができました。以前までは、何もよくわからないけどコピペしたのができたり、わからないまま修正して直すこともあったのでそれに比べるとかなり良くなりました。

大変だったこと

　ここは、どの値・どの状態を表示させるのか、なぜこのタイミングで計算すると思った計算結果にならないのかを頭で整理しながら作るのが少し難しかった。
　reduce関数が少し、とっつきにくかったので難しかった。

おわりに

　まだ復習は必要にはなってくると思いますが、一人の力で課題を終わらせることができたのは、大きな収穫でした。調べる回数も必要最小限で、エラーの検証である程度解決することができたのでそこもかなり良かったです。