React

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

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

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

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

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

create-react-appのタイプスクリプトで作ったReactプロジェクトで絶対パスを使ってコンポーネントを追加する方法について説明します。

create-react-appで生成したReactプロジェクトでTypeScriptを使う方法について説明します。

create-react-appを使ってReactプロジェクトを始める

Reactとは何か説明し、Reactとの特徴を説明します。

Webpack(ウェブパック)をベースに作ったReact(リアクト)プロジェクトへイメージ(image)とウェブフォント(font)を使う方法について説明します。

react-routerを使ってReact(リアクト)でページ遷移して見ましょう。

React(リアクト)でコンポーネント(Component)を呼ぶ時(import)、rootフォルダーを基準にして参照できるように設定して見ます。