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

https://github.com/balasasidhar/react-starter-template

ReactJS, ES7 and Webpack starter template
https://github.com/balasasidhar/react-starter-template

Last synced: 2 months ago
JSON representation

ReactJS, ES7 and Webpack starter template

Awesome Lists containing this project

README

        

# React Boilerplate

### A quick ReactJS starter template with Client-Side Rendering, code splitting and lazy loading.

`ReactJS v18, React Router v6, Redux, Bootstrap v5, Styled Components, Babel7 and Webpack 5`

> Make sure that you've installed [NodeJS](https://nodejs.org/en/) 18.x or higher and NPM version 9.x or higher.

- ### Development

- Clone the repo

```
$ git clone https://github.com/balasasidhar/react-starter-template.git
```

- Navigate to the root directory

```
$ cd react-starter-template
```

- Install dependencies using yarn or npm

```
$ yarn install
```

or

```
$ npm install
```

- Start the development server

```
$ yarn start
```

or

```
$ npm start
```

- ### Testing

- Start development server

```
$ yarn run test
```

or

```
$ npm run test
```

- ### Production Build
- Build
```
$ yarn run build
```
or
```
$ npm run build
```
- Start production server
```
$ yarn run serve
```
or
```
$ npm run serve
```

### Libraries and Official Docs

- React & More

- [ReactJS v18](https://reactjs.org/)
- [React Router v6](https://reactrouter.com/en/main)
- [PropTypes](https://github.com/facebook/prop-types)
- [React Redux](https://react-redux.js.org/)
- [Loadable Components](https://loadable-components.com/)

- Styles

- [Bootstrap v5](https://getbootstrap.com/)
- [React Bootstrap](https://react-bootstrap.netlify.app/)
- [Styled Components](https://www.styled-components.com/)
- [SASS/SCSS](https://sass-lang.com/)

- Components

- [Formik](https://jaredpalmer.com/formik/docs/overview)
- [React Select](https://react-select.com/)

- Helper Libraries

- [Axios](https://github.com/axios/axios)
- [Lodash](https://lodash.com/)
- [Yup](https://github.com/jquense/yup)

- Build Tools

- [Webpack v5](https://webpack.js.org/)
- [Babel v7](https://babeljs.io/)

- Lint and Validators

- [ESLint](https://eslint.org/)
- [Style Lint](https://stylelint.io/)
- [Prettier](https://prettier.io/)
- [Husky](https://github.com/typicode/husky)
- [Lint Staged](https://github.com/okonet/lint-staged)

- Unit Testing
- [Jest](https://jestjs.io/en/)
- [Enzyme](https://airbnb.io/enzyme/)