Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sonht113/react-boilerplate-for-starter
๐โกโก๐ฝ React boilerplate for starter with React18, Tailwind CSS v3.3.3, Material-UI and Typescript. โก Made with developer experience first: Vite + React + Typescript + Eslint + Prettier + Husky + Lint-Staged + React-Router-Dom + Axios. It helps you use tanstack-react-query + axios to call api. I think it will be usefull for you!
https://github.com/sonht113/react-boilerplate-for-starter
axios eslint husky material-ui prettier react react-router-dom tailwindcss tanstack-react-query typescript vite
Last synced: 3 days ago
JSON representation
๐โกโก๐ฝ React boilerplate for starter with React18, Tailwind CSS v3.3.3, Material-UI and Typescript. โก Made with developer experience first: Vite + React + Typescript + Eslint + Prettier + Husky + Lint-Staged + React-Router-Dom + Axios. It helps you use tanstack-react-query + axios to call api. I think it will be usefull for you!
- Host: GitHub
- URL: https://github.com/sonht113/react-boilerplate-for-starter
- Owner: sonht113
- Created: 2023-09-19T14:58:22.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-06-22T16:21:21.000Z (6 months ago)
- Last Synced: 2024-06-23T17:07:33.939Z (6 months ago)
- Topics: axios, eslint, husky, material-ui, prettier, react, react-router-dom, tailwindcss, tanstack-react-query, typescript, vite
- Language: TypeScript
- Homepage: https://react-boilerplate-for-starter.vercel.app
- Size: 374 KB
- Stars: 15
- Watchers: 1
- Forks: 11
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# Boilerplate and Starter for React JS 18+, Material-UI, Tailwind CSS v3.3 and Typescript
๐๐๐ Boilerplate and Starter for React.js, Material-UI, Tailwind CSS and TypeScript โก๏ธ Made with developer experience first: React.js, TypeScript, Axios, ESLint, Prettier, Husky, Lint-Staged, VSCode, PostCSS, Tailwind CSS.
Clone this project and use it to create your own [React.js](https://nextjs.org) project.
### Features
- โก [React.js](https://react.dev/)
- โก [Material-UI](https://mui.com/)
- ๐ฅ Type checking [TypeScript](https://www.typescriptlang.org)
- ๐ Integrate with [Tailwind CSS](https://tailwindcss.com)
- โ Strict Mode for TypeScript and React 18
- ๐ Linter with [ESLint](https://eslint.org) (default NextJS, NextJS Core Web Vitals, Tailwind CSS and Airbnb configuration)
- ๐ Code Formatter with [Prettier](https://prettier.io)
- ๐ฆ Husky for Git Hooks
- ๐ซ Lint-staged for running linters on Git staged files
- ๐ VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript, Jest### Requirements
- Node.js 16+ and pnpm
### Getting started
Run the following command on your local environment:
```shell
git clone --depth=1 https://github.com/sonht113/react-boilerplate-for-starter.git
cd my-project-name
pnpm install
```Then, you can run locally in development mode with live reload:
```shell
pnpm run dev
```Open http://localhost:5173 with your favorite browser to see your project.
```shell
.
โโโ README.md # README file
โโโ .github # GitHub folder
โโโ .husky # Husky configuration
โโโ public # Public assets folder
โโโ src
โ โโโ apis # Common apis folder
โ โโโ components # Component folder
โ โโโ data # Data constants JS Pages
โ โโโ features # Features folder
โ โโโ hooks # Hooks customs folder
โ โโโ layout # Layout Pages
โ โโโ pages # React JS Pages
โ โโโ provider # Provider folder
โ โโโ routes # Routes folder
โ โโโ ts # Type and Enum folder
โ โโโ utils # Utility functions
โโโ tailwind.config.js # Tailwind CSS configuration
โโโ tsconfig.json # TypeScript configuration
```### Customization
- `src/index.css`: your CSS file using Tailwind CSS
- `src/main.tsx`: default themeYou have access to the whole code source if you need further customization. The provided code is only example for you to start your project. The sky is the limit ๐.
---
Made with โฅ by [TrongSon](https://www.facebook.com/profile.php?id=100032736788526&locale=vi_VN)