Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hamzaerbay/react-starter-kit

Starter kit for react experiments
https://github.com/hamzaerbay/react-starter-kit

eslint react react-boilerplate starter-kit typescript vitejs vitest

Last synced: 2 months ago
JSON representation

Starter kit for react experiments

Awesome Lists containing this project

README

        

# React Starter Kit
Easy to use configurable starter kit for small sized projects.

## What's it all about?
Built from scratch and added the base component and lint rules for the beautiful codebase. Using a lightweight CSS framework that [Bulma.io](https://github.com/jgthms/bulma).

Base lint rules added for code quality. StyleLint rules extended [styleLint](https://stylelint.io/) and esLint rules extended [Airbnb](https://github.com/airbnb/javascript).

Containing my [vsCode](https://code.visualstudio.com/) editor settings.

## Getting started

### Clone
```
$ git clone https://github.com/hamzaerbay/react-starter-kit.git
$ cd
```

### Install dependencies
```
npm install / yarn install
```
### Build with [vitejs](https://github.com/vitejs/vite)
Deploying for local usage
```
npm run dev / yarn run dev
```
visit the http://localhost:5174/
### Helpful Commands
```
# prettier
npm run format / yarn format
# eslint
npm run lint / yarn lint
```

### Build for production
Deploying everything for production.
```
npm run build / yarn run build
```
### [WIP] Testing
Installed RTL framework
You can find further information on this [doc](https://testing-library.com/) also there is a [cheatsheet](https://testing-library.com/docs/react-testing-library/cheatsheet/)
```
npm run test / yarn run test
```
## How can I support?
- Star our GitHub repo ⭐️
- Create pull requests, submit bugs, suggest new features or documentation updates 🔧