はじめに
JavaScriptの基礎がある程度身についたので、念願のReactに簡単なTodoアプリを作ることで触れてみました。
学習教材として、YouTubeで見つけた動画を選び、ハンズオンでアプリを作成しました。
所要時間：３時間弱
スキルの自己評価
まだ駆け出せてもいない、エンジニアでもない人間です。
Udemyで「Web Developer Bootcamp 2021（日本語版）」を学び終え、JavaScriptの基礎の基礎がわかってきたかな、くらいです。
次のステップとしては、Reactの基礎を学んでいく中で自己解決能力（リサーチ力）を上げていきたいと思っています。
この教材を通して、自分がつまずいた部分
ターミナルからプロジェクトのVScodeを開く
ターミナル
$ code .
これで開けない場合
useState
状態の変数を管理・格納する「Hooks」の理解が難しかった。再レンダリングの概念とも絡んで、何回も公式ドキュメントを見直しました。
props
propsはオブジェクトである、という意味が理解できなかった。
TodoList.js
const TodoList = ({ todos }) => {
return <div>{todos}</div>;
};
{}はJSX記法を意味する。この中でJavaScriptを記述できる。
まとめ
今回の学習で活用させていただいたのはYouTubeの教材ですが、無料と思えないほどわかりやすく、ボリュームもいい感じにまとまっていると感じました。
私は休憩を挟みつつ、ハンズオンでアプリを作り終えるまでの時間は３時間弱でした。
３時間でここまで学ぶことができたので、大満足です。
Reactを触ったのはこれが初めてです。
今後はReactの公式チュートリアルや、Udemyの教材を使って、少しでもReactマスターに近づけるよう頑張ります。