m-avagyan / webpack-react-typescript-template

Modern template to start creating react app using webpack and typescript 🚀

webpack-react-typescript

Modern template to start creating react app using webpack and typescript 🚀

Getting Started

Installing

• git clone https://github.com/m-avagyan/webpack-react-typescript-template.git
• cd webpack-react-typescript-template
• yarn install --frozen-lockfile

Run Locally

• yarn dev - server started at localhost:3000 in local mode
• yarn start - server started at localhost:3000 in development mode
• yarn watch - server started at localhost:3000 in production mode

Build Project

• yarn clean - clean the dist/ directory
• yarn build - we can see the output in dist/ directory

Run Unit Tests

• yarn test - run all test cases
• yarn test:watch - run all test cases in watch mode
• yarn test:coverage - run all test cases and collect coverage for each tested files

Analyze

• yarn analyze - build project to /dist and analyze your bundle size in localhost:3006

Codebase

• yarn lint - lint the codebase
• yarn format - format the codebase using prettier

Tools and Technologies

• ReactJS
• React Router
• TypeScript
• Webpack
• Styled Components
• i18next

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Commits

• We use the conventional commit lint for linting our commit messages
• Also before every commit we run the lint command using husky for lint our codebase

---

Author

Martik Avagyan

• Website: martikavagyan.com
• Twitter: @martikavagyan
• GitHub: @m-avagyan

---

License

MIT