/react-boilerplate

A personal boilerplate that I use in my React applications

Primary LanguageTypeScriptMIT LicenseMIT

React logo

React Boilerplate

A personal boilerplate that I use in my React applications.

Status

Code Scanning Continuous Integration

How to use

There are a few options for using this template.:

  • Clone the repository: git clone https://github.com/gcleiton/react-boilerplate.git
  • Create new repository: click Use this template button at the top of this repository
  • Github CLI: gh repo create myrepo --template https://github.com/gcleiton/react-boilerplate.git

Commands

  • dev: runs the application in the development mode
  • build: builds the application version for production
  • start: runs the application in the production mode
  • lint: runs linter on project
  • test: launches the test runner
  • test:watch: launches the test runner in the interactive watch mode
  • test:staged: launches the test runner only files on staged area (used in pre-commit hook integration)
  • test:ci: launches the test runner with coverage
  • storybook: runs storybook server on localhost:6006
  • build:storybook: builds the storybook application

Libraries and tools

  • Typescript
  • React
  • React Router Dom
  • React Icons
  • Babel
  • Webpack
  • Styled Components
  • Jest
  • React Testing Library
  • Storybook
  • ESLint
  • Prettier
  • Husky
  • Lint Staged
  • Git Commit Message Linter
  • EditorConfig
  • Git
  • Github Workflows
  • Yarn

Mentions

I would like to thank the knowledge passed on by the instructors Rodrigo Manguinho e William Justen where through them I was able to create this boilerplate that I use in my React projects.