プロジェクトに含めたもの

プロジェクトに含めたものと参考にしたもの、これから含めるものです。

含めたもの

プロジェクトに含めたものと参考にしたものです。

ビルドツール、JSフレームワーク、プログラミング言語

• Vite
• React
• TypeScript
• 参考にしたもの
  • Vite で最速 React & TypeScript

静的解析ツール、コードフォーマッター

• ESLint
• Prettier
• 参考にしたもの
  • Vite + React の環境構築
  • prettier,eslintを導入する際にハマったこと2021新年
  • ESLintでimportの整列・追加・削除を自動化する

UIライブラリ

• Mantine
• 参考にしたもの
  • Reactにおけるスタイリング手法まとめ
  • ReactのUIライブラリメモ

ルーティング

• React Router
• 参考にしたもの
  • React: React Router v6 でルーティングする step１
  • React: React Router v6 でルーティングする step２
  • React:React Router v6 で 認証されていないユーザーや権限がないユーザーをリダイレクトする

ステート管理

• React Query
• 参考にしたもの
  • React Queryを状態管理ライブラリとして使い倒そう！/useQStateのススメ

認証と認可

• Supabase
• 参考にしたもの
  • Login With Email
  • Managing User Data
  • Row Level Security

API

• GraphQL
• React Query
• GraphQL Code Generator
• 参考にしたもの
  • GraphQL Code Generator + React Queryの紹介
  • Guide: React and GraphQL
  • TypeScript React-Query

非同期処理のハンドリング

• Suspense
• 参考にしたもの
  • React QueryのSuspese Modeを使ってみた!
  • React Query Error Handling

多言語対応

• i18next
• 参考にしたもの
  • Reactで簡単に多言語対応する方法は？react-i18nextの使い方
  • i18next + i18next-browser-languagedetectorでの開発時には、localStorageに注意する

バリデーション

• Zod
• 参考にしたもの
  • TypeScriptファーストなバリデーションライブラリ Zodの始め方

これから含めるもの

これからプロジェクトに含めたいものです。

モックライブラリ

• Mock Service Worker

テスト

• Vitest