React(v18)完全入門ガイド｜Hooks、Next14、Redux、TypeScript

About this course

「Reactってよく聞くけど、なんだか難しそう。。」「HTML、CSS、JSは触ったことあるけど、Reactには壁を感じる。。」「興味はあるけど自分には早いんじゃないか。。」本コースはReactに興味があるけど、できるか自信がないフロントエンド入門者の方に向けて作成しました。まず、皆さんにお伝えしたいのはReactは決して扱うのが難しいライブラリではないということです。ただ、使いこなせるようになるためにはいくつか知っておくべきことがあります。本コースではReactを使うにあたって知っておいてほしい基礎の部分を体系的、かつ網羅的に説明しています。■ 知っておくべきこと１ | JavaScriptの挙動JavaScriptの挙動自体が曖昧（あいまい）な場合、Reactを使いこなすことは難しいでしょう。ReactはJavaScriptのライブラリですので、当然JavaScriptで記述することになります。そのため、Reactに感じる複雑性の多くはJavaScript言語自体の独特の記法からくるものです。また、Reactのコードを記述する際は分割代入やスプレッド演算子、配列の高階関数、await/asyncなどの比較的最新の記法を多用します。そのため、十分なJavaScriptへの理解がない状態でReactを使うと、Reactが分かっていないのか、JavaScriptが分かっていないのかが切り分けられず、問題の解決が困難になります。これがReactが難しいと思われる大きな原因の一つであると私は感じています。本コースではReactの書き方だけではなくJavaScriptの記述で複雑に感じるであろう部分についても適宜説明しています。これによって、JavaScriptへの十分な理解がなくてもコースを受講していただけるようにしています。■ 知っておくべきこと２ | Reactが持つ独特の記述ポリシーまた、Reactを使いこなすためにはReactのポリシー（書き方）についても知る必要があります。プログラミング入門者はプログラミング経験自体が浅いため、新しい言語やライブラリに出会った際に過去の経験に当てはめて最適な記述方法を考察することができません。そのようなことを教えてくれる先輩がいればラッキーですが、多くの人はそのような恵まれた環境ではないと思います。そのため、「これで合ってるのかな？」と何となくモヤモヤした気持ちで学習をしていることと思います。繰り返しになりますが、Reactのコードを記述する際は独特のポリシーが存在します。そのため、そのポリシーを学べば、どのようにしてReactを記述すればよいかが自（おの）ずとわかってきます。一つ例を見てみましょう。例えば、本コースでは関数型プログラミングというプログラミング手法からみたReactについて触れています。関数型プログラミングというのはクラスを使わず、関数によってプログラムの保守性、拡張性、再利用性、テスト性を高めようというプログラミング言語の書き方です。React 16.8のReact Hooksの導入からReactのポリシーはクラスを用いたオブジェクト指向型プログラミングから関数型プログラミングに完全に移行しました。そのため、関数型プログラミングがどういったプログラミング手法なのかを知ることはReactを知る上で大変重要な事になってきます。本コース