react-template

KO | EN

gitlite — search

#hacktoberfest #react #typescript #go #android #machine-learning #rust #docker #macos #windows #awesome #kubernetes #awesome-list #vue

(★ 9)

template project of React/TypeScript/ESLint/Prettier/React Router

react-template 최신버젼 다운로드

// repository documentation

★ 0 (0 ratings)

## react-template

### Overview(概要)

This project is a template of React Development.(extends create-react-app)  
このプロジェクトはReact開発用のテンプレートプロジェクトです。(create-react-appで作成されたものを拡張)

### Features(機能)
- React(create-react-app)
- TypeScript
- ESLint
- Prettier
- React Router

### How To Setup(セットアップ方法)

※In the case of vscode(VSCodeの場合)

#### 1.Clone into your local folder(ローカルフォルダにクローンする)

```
git clone https://github.com/freelance-jak/react-template.git
```

and in the project

```
yarn install
```

#### 2.Install an extension(拡張機能をインストールする)

- Install ESLint
  - https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

#### 3.Edit setting.json(setting.jsonの編集)

※It is recommended that you create a workspace of VSCode  
(VSCodeでワークスペースを作成し、そのsetting.jsonを編集することをオススメ)

Add the following to the setting(settingに下記を追記)

```
  "settings": {
    "editor.formatOnSave": false,
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    }
  }
```

**＼That's all! Enjoy your development of React!／**

- Formatted automatically when you save  
(保存時に自動でフォーマットされます)
- Simple routing with React Router  
(React Routerでの簡単な画面遷移が行えます)