webpack-react-typescript

Template for create react app using webpack and typescript.

Quick Start

Start the development

• yarn install or npm install
• yarn start or npm start
• open localhost:3000 in your favorite browser

Build project

• yarn build or npm run build

Lint project

• yarn lint or npm run lint

Fix autofixable eslint errors

• yarn lint:fix or npm run lint:fix

If husky pre-commit hook willn't work, please run npx husky-init command with cli (in project directory) and replace new .husky/pre-commit file with our. Also I created release.yml file in .github/workflows/. This is for automation our releases with github bot,so you need to add your script after yarn build command.

Used technologies

• React 17 as a front-end library.
• Webpack 5 as a bundler.
• TypeScript for type checking.
• React Router v6 for application routing.
• i18next for localzation.
• eslint for lint code.
• prettier for format code.
• husky for run any script before commit.
• commitlint for conventional commit messages.

Commit Rules

We are use commitlint for lint our commit messages and it has several rules for commits.

Commit types

• chore: a commit of the type chore includes the most important commits.
• docs: a commit of the type docs includes the update of documentation.
• feat: a commit of the type feat introduces a new feature to the codebase.
• fix: a commit of the type fix patches a bug in your codebase.
• style: a commit of the type style includes a css styling commit.
• refactor: a commit of the type refactor includes a code refactoring to the codebase.
• revert: a commit of the type revert is used when a developer wants to revert an old commit.
• unit: a commit of the type unit includes a unit testing commit.
• test: a commit for a testing the app work at difference environments
• wip: work in process

Examples

    git commit -m "feat(readme): generate a readme file"
    git commit -m "fix(header): show current banner"
    git commit -m "chore(release): new release is ready"