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 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
  • React Router v6
  • PropTypes
  • React Redux
  • Loadable Components

• Styles

  • Bootstrap v5
  • React Bootstrap
  • Styled Components
  • SASS/SCSS

• Components

  • Formik
  • React Select

• Helper Libraries

  • Axios
  • Lodash
  • Yup

• Build Tools

  • Webpack v5
  • Babel v7

• Lint and Validators

  • ESLint
  • Style Lint
  • Prettier
  • Husky
  • Lint Staged

• Unit Testing

  • Jest
  • Enzyme