React

Next.jsを使ってReactプロジェクトを生成して実行する方法について説明します。

create-react-appで作ったReactプロジェクトをGitHub Pagesにデプロイしてみましょう。

create-react-appで生成したReactでページ移動機能を実装するためreact-routerを使う方法について説明します。

Reactでデータを扱う概念の1つであるContext APIを使う方法について説明します。

Reactでデータを扱う重要な概念であるPropsとStateが何なのか説明して、使う方法について説明します。

Reactプロジェクトに設定したPrettierとESLintをGitHub Actionsを使って実行してみましょう。

Reactでhuskyとlint-stagedと使ってGitにコミットする時、ESLintとPrettierを実行するように設定してみます。

Reactでソースコードを分析してバグやエラーを探すため、ESLintを使う方法について説明します。

ReactでPrettierを使ってコードのフォーマットを同一する方法を説明します。

create-react-appで生成したReactプロジェクトでreact-testing-libraryを使ってテストをする方法について説明します。

create-react-appでテストでよく使ってるJestについて説明します。

create-react-appで生成したReactプロジェクトでstyled-componentsを適用する方法について説明します。