-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
24 additions
and
19 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,27 +1,32 @@ | ||
# React + TypeScript + Vite | ||
![image](https://github.com/prgrms-fe-devcourse/FEDC4_NIRVANA_Gidong/assets/42764685/4e35004d-2fb8-4dd6-a322-aa107d70844d) | ||
## 니르바나 | ||
니르바나는 지속적인 자극적 컨텐츠 노출로 인해 생긴 현대인들의 정신적 피로를 명상과 공유를 통해 치유하자는 목적을 가지고 만들어졌습니다. | ||
|
||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. | ||
## TEAM | ||
|
||
Currently, two official plugins are available: | ||
| Frontend | Frontend | Frontend | Frontend | Frontend | | ||
| :--------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------: | | ||
| <img src="https://avatars.githubusercontent.com/u/80307321?v=4" width=400px alt="조수연"/> | <img src="https://avatars.githubusercontent.com/u/42764685?v=4" width=400px alt="김혜성"/> | <img src="https://avatars.githubusercontent.com/u/65156388?v=4" width=400px alt="박나연"/> | <img src="https://avatars.githubusercontent.com/u/71740032?v=4" width=400px alt="김민재"> | <img src="https://avatars.githubusercontent.com/u/69716992?v=4" width=400px alt="홍창기"> | ||
|[조수연](https://github.com/suyeon1218)|[김혜성](https://github.com/hyesung99)|[박나연](https://github.com/nayeon-hub)|[김민재](https://github.com/imb96)|[홍창기](https://github.com/sscoderati) | | ||
|
||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh | ||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh | ||
|
||
## Expanding the ESLint configuration | ||
## TECH STACK | ||
|
||
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: | ||
<p> | ||
<img src="https://user-images.githubusercontent.com/52682603/138834243-fb74d81e-e90d-4c6a-8793-05df588f59ab.png" alt="react" width=15%> | ||
<img src="https://user-images.githubusercontent.com/52682603/138834262-a7af2293-e398-416d-8dd3-ff5fab8cb80d.png" alt="type_script" width=15%> | ||
<img src="https://user-images.githubusercontent.com/52682603/138835731-e0e727ad-0bd1-44ca-a3b3-98c4d1b89c20.png" alt="react_query" width=15%> | ||
<img src="https://user-images.githubusercontent.com/52682603/138834258-c4b4a706-3a7e-40c8-8a08-c0ac4815d7e0.png" alt="emotion" width=15%> | ||
<img src="https://camo.githubusercontent.com/61e102d7c605ff91efedb9d7e47c1c4a07cef59d3e1da202fd74f4772122ca4e/68747470733a2f2f766974656a732e6465762f6c6f676f2e737667" alt="vite" width=15%> | ||
</p> | ||
|
||
- Configure the top-level `parserOptions` property like this: | ||
**Language |** Javascript, Typescript | ||
|
||
```js | ||
parserOptions: { | ||
ecmaVersion: 'latest', | ||
sourceType: 'module', | ||
project: ['./tsconfig.json', './tsconfig.node.json'], | ||
tsconfigRootDir: __dirname, | ||
}, | ||
``` | ||
**Framework |** React | ||
|
||
- 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](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list | ||
**Library |** React Router, React Query, Axios, Emotion | ||
|
||
**Build |** vite | ||
|
||
## DEMO | ||
![image](https://github.com/prgrms-fe-devcourse/FEDC4_NIRVANA_Gidong/assets/42764685/ce12d3fc-88e7-4f38-9df2-d3c02ebb5448) |