Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rubiin/react
vite with react
https://github.com/rubiin/react
react react-query vite zustand
Last synced: 28 days ago
JSON representation
vite with react
- Host: GitHub
- URL: https://github.com/rubiin/react
- Owner: rubiin
- Created: 2023-01-25T06:30:59.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-02T18:08:52.000Z (almost 2 years ago)
- Last Synced: 2024-07-30T21:09:40.302Z (3 months ago)
- Topics: react, react-query, vite, zustand
- Language: TypeScript
- Homepage: https://reanime.vercel.app
- Size: 1.5 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React 🌬 ⛵️
> A simple opinionated React Starter Template with [Vite.js](https://vitejs.dev/)
This template should help get you started developing with React and Typescript in Vite in a bliss.
## Features
## Features
- ⚡️ [React](https://github.com/react/react), [Vite 4](https://github.com/vitejs/vite),[ESBuild](https://github.com/evanw/esbuild) - born with fastness
- 🍍 [State Management via Zustand](https://github.com/pmndrs/zustand)
- 🌍 [I18n ready](./locales)- 🔧 PostCSS with autoprefixer
- 🦾 TypeScript, of course
- ⚙️ E2E Testing with [Cypress](https://cypress.io/) on [GitHub Actions](https://github.com/features/actions)
- ☁️ Deploy on Netlify, zero-config
## Pre-📦
This repo brings few things pre-packed, so you don't need to install them manually everytime.
### Coding Style
- [ESLint](https://eslint.org/) with [@antfu/eslint-config](https://github.com/antfu/eslint-config), single quotes, no sem```
yarn
```### Use it
```
yarn dev
```This will serve the app at [http://localhost:3000](http://localhost:3000)
### Build it
```
yarn build
```Builds the app for production to the `dist` folder.
It correctly bundles React in production mode and optimizes the build for the best performance.The build is minified and the filenames include the hashes.
Your app is ready to be deployed!See the section about [deployment](#deployment) for more information.
### Deployment
Visit [Netlify](https://app.netlify.com/start) and select your repo, select OK along the way, and your App will be live in a minute.
Visit [Vercel](https://vercel) and select your repo, select OK along the way, and your App will be live in a minute.![repository-banner.png](https://res.cloudinary.com/alvarosaburido/image/upload/v1612193118/as-portfolio/Repo_Banner_kexozw.png)