Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nurriyad/react-init
A simple react boilerplate for start building quickly
https://github.com/nurriyad/react-init
react
Last synced: about 14 hours ago
JSON representation
A simple react boilerplate for start building quickly
- Host: GitHub
- URL: https://github.com/nurriyad/react-init
- Owner: nurRiyad
- Created: 2024-02-25T17:15:14.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-10-07T18:57:42.000Z (3 months ago)
- Last Synced: 2024-11-09T00:57:23.411Z (about 2 months ago)
- Topics: react
- Language: TypeScript
- Homepage: https://riyad-react-init.netlify.app/
- Size: 140 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Init
This boilerplate should help get you started developing with react in Vite.
## Out of the box configured with
- React
- React Router
- TailwindCss
- Eslint
- Prettier
## Recommended IDE setup
[VSCode](https://code.visualstudio.com/)
## Recommended VsCode Extension
- Eslint
- Prettier
- Spell Checker
## Project Setup
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Type-Check, Compile and Minify for Production
```sh
npm run build
```
### Lint with [ESLint](https://eslint.org/)
```sh
npm run lint
```
## Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level `parserOptions` property like this:
```js
export default tseslint.config({
languageOptions: {
// other options...
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname
}
}
});
```
- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
```js
// eslint.config.js
import react from 'eslint-plugin-react';
export default tseslint.config({
// Set the react version
settings: { react: { version: '18.3' } },
plugins: {
// Add the react plugin
react
},
rules: {
// other rules...
// Enable its recommended rules
...react.configs.recommended.rules,
...react.configs['jsx-runtime'].rules
}
});
```