React

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

[Vite] TypeScript ベース React プロジェクトでに Stylelint(CSS-in-JS)を追加する

2024-04-22
Viteを使って生成したTypeScriptベースのReactプロジェクトにCSS-in-JS環境でスタイル(CSS)を検査するためにStylelintを追加する方法について説明します.
もっと見る ▶︎

[Vite] TypeScript ベース React プロジェクトに Prettier を追加する

2024-04-22
Viteを使って生成したTypeScriptベースのReactプロジェクトにPrettierを追加してコードフォーマットを一貫性を持たせる方法について説明します。
もっと見る ▶︎

[Vite] TypeScriptベースReactプロジェクトへテスト環境を構築する

2024-04-22
Viteを使って生成したTypeScriptベースのReactプロジェクトにテスト環境を構築する方法について説明します。
もっと見る ▶︎

[Vite] TypeScriptベースのReactプロジェクトを始める

2024-04-22
Viteを使ってTypeScriptベースのReactプロジェクトを始める方法について説明します。
もっと見る ▶︎

create-react-app用のカスタムテンプレート

2023-10-30
自分のcreate-react-app用のカスタムテンプレートを作ってこれを活用してReactプロジェクトを生成してみましょう。
もっと見る ▶︎

[Emotion] React does not recognize the XXXXX prop on a DOM element 問題解決方法

2022-10-22
Emotionを使う時、発生する React does not recognize the XXXXX prop on a DOM element 問題を解決する方法について説明します。
もっと見る ▶︎

[Next.js] MUI

2023-03-18
TypeScriptベースのNext.jsにUIライブラリであるMUI(Material UI)を追加して使う方法について説明します。
もっと見る ▶︎

[Next.js] 多言語

2023-03-18
TypeScriptベースのNext.jsにnext-translateを使って多言語をサポートする方法について説明します。
もっと見る ▶︎

[Next.js] Storybookのバックグラウンド変更

2023-03-18
TypeScriptをベースにしたNext.jsのプロジェクトに適用したStorybookのバッググラウンドを変更する方法について説明します。
もっと見る ▶︎

[Next.js] Storybook

2023-03-18
TypeScriptベースのNext.jsプロジェクトでStorybookを使ってコンポーネント主導開発をしてみましょう。
もっと見る ▶︎

[Next.js] テスト

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

[Next.js] 絶対パスでコンポーネント追加

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