React

TypeScriptベースのNext.jsプロジェクトでStorybookを使ってコンポーネント主導開発をしてみましょう。

TypeScriptをベースにしたNext.jsプロジェクトにJestとReact Testing Libraryを使ってテストができる環境を作る方法について説明します。

TypeScriptベースのNext.jsで絶対パスを使ってコンポーネントを追加(import)する方法について説明します。

Next.jsにPrettierを設定する方法について説明します。

Next.jsプロジェクトにTypeScriptを適用する方法について説明します。

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でソースコードを分析してバグやエラーを探すため、ESLintを使う方法について説明します。