【初学者向け】React の学習で役立ったチュートリアルや参考リンク集のまとめ

どーも、ぐるたか@guru_takaです。

React の学習で役立ったチュートリアルや参考リンク集を、備忘録としてまとめます。

スポンサードリンク

React の環境構築

手前味噌ですが、React の環境構築、そして Hello, World する方法は以下の記事にまとめています！

また開発環境で欠かせない ESLint と Prettier の設定方法も併せて、参考になれば幸いです。

初学者向けの React 入門記事は色々とありましたが、８記事分で構成された 以下の React チュートリアルが１番わかりやすかったです！

React で大切な機能を凄く丁寧に解説されています。解説だけでなく、基本的なサンプルコードも添えてあり、更には簡単な演習も用意されているため、適切なアウトプットもできます。

React について『わかる』から『できる』まで導いてくれる素晴らしいチュートリアルでした！

Twitter のような簡易 Web アプリケーションを作りながら、React を学習できます。上記で紹介している『React入門チュートリアルの記事一覧』の復習にピッタリです！

間違ったコードと原因もセットで掲載されているため、React の機能について納得度高く、学習できます。速習したい方にオススメです！

Vue2 系における各機能の React での実現方法を比較して紹介されています。私はVue/Nuxt でフロントエンド開発していたため、凄く参考になりました。

Vue/Nuxt エンジニアで React を学びたい人にオススメです！

React Hooks について、サンプルコード付きで超わかりやすく解説されています。使用するケースや注意点なども記載あり。

チュートリアルなどで React Hooks を学習するときに併用すると、理解度がアップします！

React Hooks の基本だけでなく、応用までカバーしたい方は、以下の記事もオススメです！
参考 🎉React 16.8: 正式版となったReact Hooksを今さら総ざらいするQiita

カスタム Hooks の基本的な使い方がサンプルコードと一緒に、丁寧に解説されています。

カスタム Hooks のあり/なしの比較コードが非常にわかりやすかったです！

React の歴史が知りたい方は以下の記事が参考になります。チュートリアルに終えた後に読んでみると、React での記述方法の移り変わりが知れて面白いです！

有料（¥1,200円）になりますが、『りあクト！第3版【Ⅰ. 言語・環境編】』には、JavaScript の誕生から、よりディープに歴史が書かれています。歴史だけでなく、Vue などとの違い、React の強みなど色んな視点で記載されていて、勉強になることばかりでした！

こちらもオススメです！

スポンサードリンク