React

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

[Next.js] Prettier

2024-05-15
Next.jsにPrettierを設定する方法について説明します。
もっと見る ▶︎

[Next.js] TypeScript

2024-05-15
Next.jsプロジェクトにTypeScriptを適用する方法について説明します。
もっと見る ▶︎

[Next.js] 始まる

2024-05-15
Next.jsを使ってReactプロジェクトを生成して実行する方法について説明します。
もっと見る ▶︎

[React] GitHub Pagesにデプロイ

2023-03-18
create-react-appで作ったReactプロジェクトをGitHub Pagesにデプロイしてみましょう。
もっと見る ▶︎

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を使ってテストをする方法について説明します。
もっと見る ▶︎