https://github.com/jsdeveloperr/react-typscript-vite-redux-redux-saga-mui-boilerplate

A boilerplate Create React App with Vite, Typescript, Redux Toolkit, Redux Saga, React Hook Form, React-i18next and Material UI👨‍💻
https://github.com/jsdeveloperr/react-typscript-vite-redux-redux-saga-mui-boilerplate

react reacthookform redux redux-sagas reduxtookit typescript vite

Last synced: 8 days ago
JSON representation

A boilerplate Create React App with Vite, Typescript, Redux Toolkit, Redux Saga, React Hook Form, React-i18next and Material UI👨‍💻

• Host: GitHub
• URL: https://github.com/jsdeveloperr/react-typscript-vite-redux-redux-saga-mui-boilerplate
• Owner: jsdeveloperr
• Created: 2022-06-11T14:18:04.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-12T18:26:24.000Z (over 2 years ago)
• Last Synced: 2024-05-30T16:33:08.638Z (7 months ago)
• Topics: react, reacthookform, redux, redux-sagas, reduxtookit, typescript, vite
• Language: TypeScript
• Homepage: react-typscript-vite-redux-redux-saga-mui-boilerplate.vercel.app
• Size: 526 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📦 React Typscript Vite Redux Redux Saga Mui Boilerplate

> This is a readme from React Typscript Vite Redux Redux Saga Mui Boilerplate.



    



## ✅ Installation

Requires Node >=14.x

Install Yarn:

```bash

https://yarnpkg.com/lang/en/docs/install/

```

Clone and install Yarn dependencies:

```bash

$ git clone https://github.com/jsdeveloperr/react-typscript-vite-redux-redux-saga-mui-boilerplate.git

$ cd react-typscript-vite-redux-redux-saga-mui-boilerplate

$ yarn

```



    



### 🗂 Features

- 🔥 [React.js](https://reactjs.org)

- 🎨 Integrate with [MUI](https://mui.com/)

- 🎉 Type checking [TypeScript](https://www.typescriptlang.org)

- ✅ Strict Mode for TypeScript and React 18

- ✏️ Linter with [ESLint](https://eslint.org) (default NextJS, NextJS Core Web Vitals 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

- 🌈 Include a FREE minimalist theme

## Development

To lift the dev server (default port 3000) with hot module reloading.

```bash

$ yarn dev

```

The application can be reached at http://localhost:3000

## Build

To bundle the React application

```bash

$ yarn dist

```

## Testing

```bash

# run all tests including coverage report and linting

$ yarn test

# run tests in watch mode

$ yarn test:watch

# run single test without coverage or linting

$ yarn test:lite

```

## Linting

```bash

$ yarn lint

```