https://github.com/kingjaeyeon/react-router_vite
유데미 - react 강의 react-router tutorial
https://github.com/kingjaeyeon/react-router_vite
Last synced: 26 days ago
JSON representation
유데미 - react 강의 react-router tutorial
- Host: GitHub
- URL: https://github.com/kingjaeyeon/react-router_vite
- Owner: KingJaeYeon
- Created: 2023-09-22T17:16:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-23T14:47:33.000Z (11 months ago)
- Last Synced: 2025-02-17T11:36:14.096Z (4 months ago)
- Language: JavaScript
- Homepage: https://www.udemy.com/course/the-ultimate-react-course/?couponCode=JUST4U02223
- Size: 933 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + 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:
- [@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
### Eslint
```
npm i eslint vite-plugin-eslint eslint-config-react-app --save-dev
```
new File -> .eslintrc
```json
{
"extends": "react-app"
}
```
vite.config.js -> add code
```js
import {defineConfig} from 'vite'
import react from '@vitejs/plugin-react'
import eslint from 'vite-plugin-eslint' --ADD
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react(), eslint() -- ADD],
})
```
### React-router-dom
```
npm i react-router-dom
```
```jsx
}/>
}/>
}/>
}/>
```
### Json-server
```
npm i json-server
```
package.json
```json
{
"scripts" : {
"server": "json-server --watch data/cities.json --port 3600 --delay 500"
}
}
```
### React-leaflet
```angular2html
npm i react-leaflet leaflet
```
```angular2html
https://react-leaflet.js.org/
//index.css
@import "https://unpkg.com/[email protected]/dist/leaflet.css";
```
### React-datepicker
```angular2html
npm i react-datepicker
```