A custom script for personal use to set up a React project with Vite and TypeScript.
- Remove unnecessary boilerplate code and assets (e.g.
index.css
,logo.svg
, etc.). - Configure ESLint and Prettier.
- Install dev dependencies.
eslint-config-airbnb
eslint-config-airbnb-typescript
eslint-config-prettier
eslint-plugin-import
eslint-plugin-jsx-a11y
eslint-plugin-react
eslint-import-resolver-typescript
prettier
- Configure path alias as
@
forsrc
directory. - Initialize Git repository.
- Install useful libraries.
- Remove default
README.md
template.
react-router-dom
and@types/react-router-dom
.- Add 'Router.tsx' in
src/
. - Make
src/App.tsx
renderRouter
.
- Add 'Router.tsx' in
recoil
- Add
RecoilRoot
insrc/App.tsx
.
- Add
axios
react-query
- Add
QueryClientProvider
insrc/App.tsx
.
- Add
@emotion/styled
and@emotion/react
- Configure
src/emotion.d.ts
for TypeScript. - Add global styles in
src/styles/global.tsx
. - Add
ThemeProvider
andGlobal
insrc/App.tsx
.
- Configure
Run the following command in your terminal.
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/jhynsoo/react-vite-ts-init/master/initreact)"