Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/uchihamalolan/vite-react-ts
Vite React-Typescript CRA Replacement Starter Template
https://github.com/uchihamalolan/vite-react-ts
create-react-app react typescript vitejs vitejs-template
Last synced: about 1 month ago
JSON representation
Vite React-Typescript CRA Replacement Starter Template
- Host: GitHub
- URL: https://github.com/uchihamalolan/vite-react-ts
- Owner: uchihamalolan
- License: mit
- Created: 2021-10-16T05:35:35.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-07T18:15:24.000Z (over 1 year ago)
- Last Synced: 2024-12-15T09:54:58.788Z (about 1 month ago)
- Topics: create-react-app, react, typescript, vitejs, vitejs-template
- Language: TypeScript
- Homepage: https://malo-vite-react-ts.netlify.app/
- Size: 208 KB
- Stars: 129
- Watchers: 3
- Forks: 21
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license
- Security: SECURITY.md
Awesome Lists containing this project
README
# Drop-in Replacement for [CRA](http://create-react-app.dev/) but powered by [Vite](https://vitejs.dev/)
### Things in CRA, supported here:
- Import SVG's directly as React Component via SVGR
- Unit Testing via Jest & React Testing Library
- ESLint Rules & Prettier
- Tailwind
- Absolute imports within `src` directory
---
### Extra Additions
- Conventional Commits using `Commitlint`
- Run Lint Checks, TS Checks, Formatting & Unit Tests in Pre-commit via `lintstaged` & `husky`
---
### Usage (with [degit](https://github.com/Rich-Harris/degit))
```bash
degit uchihamalolan/vite-react-ts your-app-name
```
---
### Tech Stack - Overview
- Vite
- React - Typscript
- react-error-boundary
- pnpm
---
### Editor Config
- vscode settings & extension recommendations
- `.editorconfig` file
---
### Lint and Formatting
- Eslint & Prettier Configured
- Lints
- react
- react hooks
- typescript
- jsx-a11y
---
### Testing
- Jest + React Testing Library (plus some plugins)
---
### Styling
- TailwindCSS v3
---
# Other Recommended Libraries:
### Forms
- React Hook Form
- Zod (for validations)
### CSS-in-js
- Emotion
- Complie Time Atomic CSS-in-Js
- Stylex (Facebook, not Open Source yet)
- Linaria
- Compiled (still in beta)
### Routing
- React-Router-Dom
- React Location
### Date Manipulation
- Dayjs
- date-fns
- Luxon
### HTTP Client
- Ky
- Axios
### Global Store (full-blown / lite-version)
- Redux Toolkit / Zustand
- Recoil / Jotai
- Mobx / Valtio
- xstate / robot
### Server State
- React Query
- SWR
- RTKQuery