Skip to content

Latest commit

 

History

History
44 lines (32 loc) · 2.15 KB

README.md

File metadata and controls

44 lines (32 loc) · 2.15 KB

ディレクトリ説明

/src直下にソースコードを保存します

  • application --> 共通で使う関数・コンポーネント
    • @types --> 共通で使う型情報のファイルを記述
    • AppProviders --> プロバイダー、ここにReact Router Domも入れている
    • lib --> 共通で使う関数を記述
    • UI --> ヘッダーなど各画面などで共通で使用するコンポーネントを記述
  • features --> 機能毎の画面のコンポーネントを配置
    • {機能名}/UI --> ここにUIのコンポーネントを記述
      • Components --> 画面単体で使うコンポーネントを記述
      • Container --> コンポーネントのロジック部分を記述
      • Presentational --> コンポーネントのUI部分を記述

Container / Presentational のコンポーネントをロジックとUIで分離するアーキテクチャを採用しています。

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

  • Configure the top-level parserOptions property like this:
   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },
  • Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
  • Optionally add plugin:@typescript-eslint/stylistic-type-checked
  • Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list