本記事では、JavaScriptの人気フレームワークの一つReactの勉強におすすめの本と動画について紹介しています。
Amazon Kindle Unlimited
先輩くんAmazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！
後輩ちゃん初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！
変数名/関数名にもう悩まない！
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
ポチップ
おすすめ参考書
後輩ちゃん先輩！Reactの学習でおすすめの本を教えてください！
先輩くん了解！僕がおすすめする本について紹介していくね！
モダンJavaScriptの基本から始める React実践の教科書
| 出版社 | SBクリエイティブ |
| 著者 | 岡田 拓巳 |
| 発売日 | 2021/9/16 |
| ページ数 | 272ページ |
- Reactを始める前に知っておきたいモダンJavaScriptの基礎
- モダンJavaScriptの機能に触れる
- JavaScriptでのDOM操作
- Reactの基本
- ReactとCSS
- 再レンダリングの仕組みと最適化
- グローバルなState管理
- ReactとTypeScript
- カスタムフック
- React × TypeScript実践演習
実際のプロジェクトでのReactの使われ方に絞って、理解する必要のある前提が、分かりやすく説明されています。
引用元：Amazon
Reactの説明は、最小の構成から順に領域が広がっていきます。その中で生まれるつらみを、Reactの機能で解消する流れなので、なぜこの機能が必要なのか、どう使えば良いのかが理解しやすいです。
さらっと読めて、必要なポイントが把握できるので、Reactを実務で使うときの入門に最適の本だと思います。
Reactの書籍としては最高の出来です。これさえあれば、Reactの基礎は出来上がります。
引用元：Amazon
基礎が出来上がった人用に、Next.jsの書籍でも作ってもらえると嬉しいです。とりあえず、出来としては5点以上の出来です。
ポチップ
Reactハンズオンラーニング 第2版 Webアプリケーション開発のベストプラクティス
| 出版社 | オライリージャパン |
| 著者 | Alex Banks / Eve Porcello |
| 発売日 | 2021/8/6 |
| ページ数 | 368ページ |
- Reactの世界へようこそ
- React学習に必要なJavaScriptの知識
- JavaScriptにおける関数型プログラミング
- Reactの基本
- ReactとJSX
- ステート管理
- フック
- データ
- サスペンス
- テスト
- ルーティング
- サーバーサイドReact
- 開発環境の構築
確かにハンズオンではなく、ある意味著者の考え方のクセが強い内容だとは思いますが、軽くJavaScriptの入門解説から始まってReactを説明する中、他の書籍では得られない見識が得られます。
引用元：Amazon
なるほど！こういう考え方もあるのか、と参考になりました。何となくReactを使っていた方への再入門にもお勧めです。
原書のAmazonのレビューを見るとボロクソだったのでどうかと思っていたが、それほど酷い間違いはないような気がする。とは言えまだパラパラと斜め読みでコードレベルまで深くは読み込んではないのでもしかしたら酷い間違いがあるかもしれない。仮にそれを差し引いてもReactの概念や仕組みレベルはしっかり説明されており読み応えは十分あるので読む価値は十分あると思う
引用元：Amazon
ポチップ
基礎から学ぶ React/React Hooks
| 出版社 | シーアンドアール研究所 |
| 著者 | asakohattori |
| 発売日 | 2021/8/24 |
| ページ数 | 372ページ |
- Reactを始めるために必要なJavaScriptの知識
- Reactの基礎知識
- Reactを試してみよう
- Reactの基本をマスターしよう
- React Hooksを基礎から理解する
- TODOアプリ作成にチャレンジしよう!
- Chakra UIでアプリにデザインを組み込む
React初学者ですがReactの基本やuseState、useEffectなど基本的フックについてしっかり理解できました。Chapter1のJavaScriptの章だけをとってもJavaScript入門書1冊分の価値があります。
引用元：Amazon
JavaScriptの学習を一通り終え、Reactの勉強を始めたいと考えていたタイミングで発売を知り、購入しました。
引用元：Amazon
コードを触りながらJavaScriptの基礎から学べる（または復習、再確認出来る）内容で、書籍で紹介されているコードはすべてCodeSandbox上で公開されており、動作確認や編集をしながら学習出来る点でも今までなかったタイプの書籍だと思います。Reactの超基本から分かりやすくていねいに解説されておりサンプル通りにコードを書けば必ず動くため、達成感を感じながら進められています。
JavaScriptの基礎を固めた上でじっくりReactを学びたい私のような人にピッタリの本です。
ポチップ
React.js&Next.js超入門 第2版
| 出版社 | 秀和システム |
| 著者 | 掌田 津耶乃 |
| 発売日 | 2021/2/27 |
| ページ数 | 457ページ |
- Reactを準備しよう！
- JSXをマスターしよう！
- コンポーネントをマスターしよう！
- フックで状態管理しよう！
- Next.jsでReactをパワーアップ！
- FirebaseでReactをパワーアップ！
- JavaScriptの基本を超簡単おさらい！
他の方のレビューは辛口評価が多いですが、全体的に丁寧に説明されており、初心者には非常にありがたい内容です。そもそもReact系の書籍はあまり他に発売されていないので、それだけでも価値があります。
引用元：Amazon
この本を読む前にThe Road to Reactという英語の書籍を購入したのですが、初心者には内容が難しく、ちょっと困ったなあ、というところで、この本を読み、疑問点が大きく解決されました。
特に助かったのがReactHookで作る関数コンポーネントの説明のところで、この部分だけでも十分に価値がありました。
サンプルファイルが動かないという事でかなり不評みたいですが、本質的な説明はきちんとなされており、本の内容をきちんと理解すれば、間違いを修正するのは、たやすいはずです。
私は本屋でまず内容を確認して、素直にわかりやすいと感じたので、その後キンドル版を購入しました。購入に不安な人は、本屋で一度確認して購入すれば問題ありませんよ。
ポチップ
おすすめ動画コンテンツ
私がおすすめする動画コンテンツはUdemyです。
実際にUdemyを利用して実感した魅力的なポイントは、以下の通りです。
- 新規学習者向けのセールで格安でコースを購入することができる
- コース購入から30日以内であれば、返金することができる
- 分からない箇所があれば、コメントで質問することができる
- プロのエンジニアが教えてくれるため、実践的な講義を受けられる
後輩ちゃんUdemyすごい。。
先輩くん僕も新しい技術を学びたい時には、必ずと言っていいほど利用しているよ！
モダンJavaScriptの基礎から始める挫折しないためのReact入門
| 作成者 | 岡田 拓巳 |
| 学習時間 | 6時間 |
- Reactを習得したい人
- Reactの学習を１度挫折した人
- 近代JavaScriptを学びつつフレームワークやライブラリも習得したい人
- モダンフロントエンドも知っておきたいサーバーサイドエンジニア
- はじめに
- このコースで用いる環境について
- ReactやVue等を使うために知っておきたいJavaScriptの基本
- モダンJavaScriptの機能に触れる
- 素のJavaScriptだけでTODOアプリを作成してみよう
- Reactの基本
- Reactを使ってTODOアプリを作成してみよう
- さいごにとこれから
8年ぶりくらいに仕事でJavaScriptを書くことになりそうで、しかも初めてReactを使うとのことで入門にふさわしいコンテンツを探していた時にこのコースを見つけました。非常に分かりやすく丁寧に説明されてましたし、一番良かったのはToDoアプリをプレーンなJavaScriptとReactそれぞれで作ることで、Reactで書くことのメリットがよくわかりました。多少古くてもある程度JavaScriptの知識を持っている方ならかなりおすすめのコースでした。
引用元：Udemy
初めてReactを触ったけど、とても分かりやすくこれからもっと深く学んでいこうと思いました！純粋なJavaScriptとReactで同じものを作るっていうところが比較ができて勉強になったし、面白かった。他の講義も聞いてみたいと思った。これからReact学ぶ人にはマジでおすすめです！
引用元：Udemy
Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版
| 作成者 | 岡田 拓巳 |
| 学習時間 | 8時間 |
- React力を全体的にあげたいReact入門者
- はじめに
- CodeSandboxについて
- 再レンダリングの仕組みを知りレンダリングを最適化する
- 様々なCSSのあてかたに触れる
- ルーティングの基礎(React Router)
- コンポーネントの分割方法(Atomic Design)
- グローバルなstate管理を知る
- JSONPlaceholderでのデータ取得解説
- React × TypeScript(基礎編)
- React × TypeScript(実践編)
- カスタムフック
- 実践アプリ作成(Chakra UI)
- さいごにとこれから
実践でアプリ作成するセクションにて、講座で学んだことをどのように使用していくのかが具体的に分かり理解が深められました。説明も大変分かりやすかったです！講座を復習しながら自分でも何かアプリを作成してみたくなりました。
引用元：Udemy
他でReactの基礎だけ学んだ状態で、いきなりこちらの講座を受講したのですが、一歩進んだ内容や、これまでに実際に学んだ知識の使い方を具体的に知れてとてもよかったです。最後の総まとめ演習ではこれまでの復習が一通りでき、しかもGitHubリポジトリが用意されてるため、実際の開発時にちょっと見返すこともやりやすく、活用しやすかったです。
引用元：Udemy
React Hooks 入門 – HooksとReduxを組み合わせて最新のフロントエンド状態管理手法を習得
| 作成者 | はむさんのオンラインスクール |
| 学習時間 | 9時間 |
- Reduxで挫折してしまった方
- Reduxのような複雑なセットアップにうんざりした方
- React Hooksの利用法について積極的に学習したい方
- 先端のReact APIについてキャッチアップしたい方
- フロントエンド開発における技術アンテナの感度をより高くしたい方
- 従来のReactの基礎技術が分かる方
- はじめに
- 開発準備編
- 入門編
- 実践編
- はむさんの落穂拾い
- ボーナスセクション
大変わかりやすい内容でした。毎回gitでコミットするのでgitにも慣れて2度美味しい講義でした。これからの仕事にすぐに役立つ内容でした。
引用元：Udemy
私が勉強したかった複数の状態管理とLocal Strageの使い方を実践形式で教えて頂いたので、非常に分かりやすかったです。
引用元：Udemy
