cra-template-typescript-chrome-extension

This is an unofficial TypeScript Chrome Extension template for Create React App.

To use this template, add --template typescript-chrome-extension when creating a new app.

For example:

npx create-react-app my-app --template typescript-chrome-extension

# or

yarn create react-app my-app --template typescript-chrome-extension

Additional Scripts

This template comes with husky, prettier and lint-staged pre-installed to enhance your workflow.

You can setup this workflow run the following command:

npm run husky:setup

Install husky and create a pre-commit file which execute npx lint-staged before commiting files to github.

Lint-staged will execute a routine to do, for now it will format all the files using prettier.

You can modify this routine by editing the file .lintstagedrc located at the root of the project.

For more information, please refer to:

• Getting Started – How to create a chrome extension.
• API Reference – API Reference to build chrome extension.
• Create React App Guide – How to develop apps bootstrapped with Create React App.
• TypeScript – TypeScript documentation.
• Prettier – Prettier documentation.
• Husky – Husky documentation.
• Lint-staged – Lint-staged documentation.