create-boilerplate-react v1.4.2

Create Boilerplate React

This is a repository that can be used as a template for any React project. Context provider and consumer already configured. Uses Github Actions as a pipeline, to work with CI/CD using Cypress with snapshots for tests e2e, Jest/React Testing Library for unit testing, and also checks for eslint rules.

Quick Start

npx create-boilerplate-react my-app
cd my-app
yarn start

Available Scripts in the application

yarn install

Install app dependencies

yarn start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console:

yarn test

Launches the unit test runner (Jest/RTL) in the interactive watch mode.

yarn test:coverages

Launches the unit test runner (Jest/RTL) and shows a report of testing coverage

yarn cy:open:local

Launches the e2e test runner (Cypress) in http://localhost:3000 with snapshots turned off.

Change url and PREVIEW_ENV flag to use it in a different way.

yarn lint

Checks for linting rules

Output

.
├── README.md
├── jest-setup.ts
├── jest.config.js
├── package.json
├── cypress.json
├── .gitignore
├── .eslintrc.js
├── .prettierrc
├── node_modules
├── public                          # React App Assets
├── cypress                         # Cypress e2e testing configs and plugins
├── .github                         # Github Actions pipeline configuration
└── src                             # React App folder
    ├── context
    ├── globals
    ├── routes
    ├── utils
    │   ├── home
    │   ├── App.e2e.js
    │   ├── App.spec.js
    │   └── index.js
    ├── GlobalStyles.js
    ├── index.js
    └── setupTests.js

Packages installed and preconfigured

Author

👤 Pau Rodríguez

• Website: https://www.linkedin.com/in/paurodriguezmolina/
• Github: @Silinde87
• LinkedIn: @paurodriguezmolina
• Twitter: @Silinde87