https://github.com/tornado-soft/react-starter

⚛️ An opinionated React/TypeScript starter template.
https://github.com/tornado-soft/react-starter

opinionated react tailwindcss template typescript vite

Last synced: 9 days ago
JSON representation

⚛️ An opinionated React/TypeScript starter template.

• Host: GitHub
• URL: https://github.com/tornado-soft/react-starter
• Owner: tornado-soft
• License: mit
• Created: 2023-05-16T02:36:50.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-10T13:21:10.000Z (about 1 year ago)
• Last Synced: 2024-11-07T05:05:56.694Z (9 days ago)
• Topics: opinionated, react, tailwindcss, template, typescript, vite
• Language: TypeScript
• Homepage: https://react-ts-starter-template.vercel.app
• Size: 992 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React TypeScript Starter Template

English / [简体中文](./README.zh-CN.md)

⚛️ An opinionated React/TypeScript starter template.

## Tech Stack

- [x] Based on [React](https://react.dev/), [Vite](https://vitejs.dev/)

- [x] [TypeScript](https://www.typescriptlang.org/), of course

- [x] [Ant Design](https://ant.design/) as UI framework

- [x] [TailwindCSS](https://tailwindcss.com/), a utility-first CSS framework

- [x] [pnpm](https://pnpm.io/) as package manager

- [x] [Sass](https://sass-lang.com/) as CSS preprocessor

- [x] [React Router](https://reactrouter.com/) for routing management

- [x] [Zustand](https://zustand-demo.pmnd.rs/) for global state management

- [x] [Axios](https://axios-http.com/) for request, and highly encapsulated

- [x] [Tanstack Query](https://tanstack.com/) for request state management

- [ ] [React Hook Form](https://www.react-hook-form.com/), [yup](https://github.com/jquense/yup) for form validation

- [x] [iconify/json](https://iconify.design/) and [unplugin-icons](https://github.com/antfu/unplugin-icons)

      for icon management, you can use [icones](https://icones.js.org/) to use it quickly

- [x] [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) and

      [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) for automatic import

      of components, hooks, and utility classes, freeing your hands

- [x] [ESLint](https://eslint.org/) for code checking

- [x] [Prettier](https://prettier.io/) for code formatting

- [x] [CSpell](https://cspell.org/) for code spelling checking

- [x] [Husky](https://typicode.github.io/husky/), [lint-staged](https://github.com/okonet/lint-staged),

      [commitlint](https://commitlint.js.org/#/), [cz-git](https://cz-git.qbb.sh/) for Git commit management

- [x] Support absolute path import, use `@/*`

- [x] Deploy on [Vercel](https://vercel.com/), zero configuration

## Usage

### Install

```bash

pnpm i

```

### Start

```bash

pnpm dev

```

### Build

```bash

pnpm build

```

## Deploy

Go to Vercel and select your Git repository, choose Vite as template, add production environment variables, and click deploy.

## License

[MIT](/LICENSE) License © 2023 [Bruce Song](https://github.com/recallwei)