レビュー: Wes Bos 著『React for Beginners』（さらに、無料で受講できる Javascript と Markdown コースも！）
最近、Webアプリをいくつか書いています。Webのプロではありませんが、パーソナルコンピュータが登場する前から、非専門的にソフトウェア開発をしてきました。90年代にHTMLを書き始めた頃は、送信して更新するモデルが主流でした。実際、私が始めた頃は、Web言語の中でPerlが新しいトレンドでした（PHPはそのすぐ後に登場しました）。
時は流れ、2022年になった今でも、送信と更新は依然として主流です。LaravelやRuby on Rails、その他数多くのツールを使えば、この種のアプリははるかに簡単に作成できます。
しかし、私たちは現代的な、更新不要のシングルページアプリへと移行しました。これらのアプリでは、基本的にページはJavaScriptエンジンを読み込み、他の処理はすべてこのエンジンが行います。それでも、JSONを扱い、POST、PUT、DELETE、GETなどのリクエストを受け付けるバックエンドが必要です。バックエンドはどんな言語でも記述できます。Node.js経由のJavaScriptが人気ですが、私はGoを使っています。
フロントエンドには、独自のJavaScriptを開発することから、Angular（Google）やReact（Facebook）といった大手テクノロジー企業が支援する大規模なフレームワークまで、様々な選択肢があります。私は両方を試してみましたが、Reactのコンポーネントベースのアプローチの方がはるかに扱いやすいと感じたので、クライアントサイドはReactで開発することにしました。
あとはゼロから学ぶことだけだった🤭 そのために、私は以前利用したことのあるインストラクター、 Wes Bosに頼りました。
数年前に彼のReact初心者向けコースを購入し、受講し始めたものの、他のプロジェクトに引き込まれてしまいました。しばらく受信トレイに眠っていたのですが、最近改めて読んでみて、とても感動しました！
最初に言っておきますが、このコースは7年前に公開されました。しかし、多くの出版社とは異なり、Wesは提供されたコードを継続的に更新しているので、劣化はありません。さらに、私が実際に試してみたところ、すべてが今でも十分に活用でき、動作しなくなったり、古くなったりする部分に遭遇することはありません。ツールやnpmライブラリなどは最新バージョンを使用しましたが、コンテンツは今でも問題なく動作します。
このコースでは、「本日の獲物」ウェブサイトを構築します。これは、訪問者が様々な魚介類を選択できるフル機能のウェブアプリです。WesがCSSとアートをすべて提供してくれるので、React部分に集中できます。まずはcreate-react-appのスキャフォールドから始め、各コンポーネントを手作業で構築します。また、Wesは各章の冒頭に「ステップごとのソリューション」を提供しているので、いつでもどこからでも作業を再開したり、やり直したりすることができます。
このコースはツールの設定から始まります（Wes氏によるお気に入りのユーティリティとVS Code拡張機能の詳細なリストは本当に素晴らしいです）。このコースではVS Codeを使用しますが、Sublime（Wes氏は別途Sublime Power Userコースも開講しており、私もとても興味を持ちました）や他のお好みのエディターも使用できます。
Reactの概念紹介の後、コースの大部分はアプリをステップバイステップで構築していく内容です。Wesがアプリのすべての行を入力し、それぞれの機能を説明する様子を文字通りご覧いただけます。
Reactのscaffoldを作成した後、CSSの読み込み方法とJSXの操作方法を学びます。その後、様々な種類のコンポーネントについて解説し、全29章中10章までで、コンポーネントの操作に慣れることができます。コースの真ん中の3分の1は状態とイベントについて、最後の3分の1は認証、イジェクト、デプロイなどの高度なトピックを扱います。
Wesのコースでは、「こういう風にやってもいいよ」という例も数多く紹介されています。例えば、小さなコンポーネントとステートレスな関数型コンポーネントの比較などです。このコースはJavaScriptに特化したものではありませんが、JavaScriptについて少し解説してくれ、便利なヘルパー関数もいくつか含まれています。
もちろん、講師がダメならどんなコースも良くありません。しかし、ウェスは違います！彼は楽しく、まるでプロが「これをどうやってやるか教えてあげましょう」と話しているような感覚になります。彼はスクリプトを読むのではなく、コードエラーやコンパイルエラーをすぐに見つけて修正し、そのエラーの意味を説明してくれます。彼は話し方も上手で、教えるのも上手です。
Wes は他にもコースを提供しています:
- マスター・ギャツビー
- 高度な React (GraphQL と Apollo を使用)
- JavaScriptとES6
- CSSグリッド
- ノードJS
- 崇高なテキスト
- フレックスボックス
- コマンドライン（zsh）
- 再登場
30 日間で 30 種類のものを構築する無料の JavaScript コースと、無料のMarkdown ミニ コースがあります。
Wesさんからたくさんのことを学び、もうすぐ彼のAdvanced Reactコースを受講する予定です。講師として彼をおすすめします。彼のコースを試したことはありますか？ぜひ下のコメント欄にお願いします！