作成した経緯
UdemyでReactの基礎を学び終えたので、アウトプットとして作成しました。
私がReactで作る初めてのアプリになります。
機能
・学習内容と学習時間の入力
・学習時間の記録の表示
・学習時間の合計の表示
アプリ画面
コード
今回大変だったこと
React(Jsx)特有の記法に関するエラーの解決
一つのコンポーネントに複数の子要素があるのにフラグメントでラップしていなかったため、エラーが発生しました。IDE上のみで確認しており、しばらく原因が分からず数分だけロスしました。ターミナルやブラウザでもすぐに確認するべきでした。
コンポーネントの粒度について
コンポーネントの考え方に慣れるために要素をコンポーネント化したのですが、どの単位でコンポーネント化するのがいいのかが難しいと思いました。
正直、今もわかっていません。
他の人のコードを読んだり設計の知識をつけることで徐々に分かっていくものなのかなとも思うので、自分で設計を考えつつ、今後学んでいきます。
アプリ作成を通じて成長した点
アウトプットすることでReactの文法で理解の怪しい点が分かり、確認することができました。そして、先述したコンポーネントのことなど、自分にとっての新たな課題を認識することができました。
また、細かく機能を実装→確認を繰り返すことで、比較的スムーズに実装することができました。この実感が得られたことも成長した点かなと思います。今後も細分化して機能を実装することを意識します。
JISOUのメンバー募集中！
プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？
興味のある方は、ぜひホームページをのぞいてみてください！
▼▼▼