https://github.com/riskers/react-chrome-boilerplate

simple Chrome Extension boilerplate in React
https://github.com/riskers/react-chrome-boilerplate

boilerplate chrome-extension chrome-extension-react chrome-extension-v3

Last synced: about 1 month ago
JSON representation

simple Chrome Extension boilerplate in React

• Host: GitHub
• URL: https://github.com/riskers/react-chrome-boilerplate
• Owner: riskers
• License: mit
• Created: 2018-07-18T08:56:31.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T02:07:38.000Z (almost 2 years ago)
• Last Synced: 2024-04-24T02:59:14.667Z (8 months ago)
• Topics: boilerplate, chrome-extension, chrome-extension-react, chrome-extension-v3
• Language: JavaScript
• Homepage:
• Size: 1.22 MB
• Stars: 18
• Watchers: 4
• Forks: 0
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## include

- UI: react / react-dom / react-router-dom /

- store: redux / redux-thunk

- lint: eslint / lint-staged / husky / prettier

- router: react-router

## structor

```bash

| - chrome                    # All of Chrome Extension Code

      | - img

      | - lib                 # common library

      | - options

            | - index.html    # option page

      | - popup

            | - index.html    # popup page

      | - inject

| - src

      | - inject  # inject script for specific page

      | - options # react code

      | - popup   # react code

```

## Usage

1. `npm install`

2. `npm run dev`(dev) or `npm run build`(build)

3. pack chrome extension zip: `npm run pack`

## Show

### Popup

![](https://i.imgur.com/Gx39VQx.png)

### Option page

![](https://i.imgur.com/UMHKWAS.png)

### Content Page

![](https://i.imgur.com/PIMaK2b.png)

### Background

![](https://i.imgur.com/MdNH7Vo.png)

## More Message - Typescript And CI

have a Look -> https://github.com/riskers/github-plus-extension