初めてのReact

はじめに

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マスターに近づけるよう頑張ります。