React

react(リアクト)を使って開発した内容をまとめたブログです。react(リアクト)を使って経験した内容をまとめる予定です。

create-react-appでReact Routerを使う方法

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

[React] Context API

2023-03-18
Reactでデータを扱う概念の1つであるContext APIを使う方法について説明します。
もっと見る ▶︎

[React] PropsとState

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

[React] GitHub ActionsでPrettierとESLintを使う方法

2023-03-18
Reactプロジェクトに設定したPrettierとESLintをGitHub Actionsを使って実行してみましょう。
もっと見る ▶︎

[React] husky, lint-staged

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

[React] ESLint

2023-01-25
Reactでソースコードを分析してバグやエラーを探すため、ESLintを使う方法について説明します。
もっと見る ▶︎

[React] Prettier

2023-03-18
ReactでPrettierを使ってコードのフォーマットを同一する方法を説明します。
もっと見る ▶︎

create-react-appでreact-testing-libraryを使ってテストする

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

Jest

2021-01-21
create-react-appでテストでよく使ってるJestについて説明します。
もっと見る ▶︎

create-react-appへstyled-componentsの提供

2023-03-18
create-react-appで生成したReactプロジェクトでstyled-componentsを適用する方法について説明します。
もっと見る ▶︎

[TypeScript] create-react-appで絶対パスのimport

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

create-react-appでTypeScriptを使う方法

2023-03-18
create-react-appで生成したReactプロジェクトでTypeScriptを使う方法について説明します。
もっと見る ▶︎