sellalone/react-browser-extension-starter

A browser extension starter based on React, Redux, Typescript, Styled-Component and more. Runs on Chrome and Firefox.

React Browser Extension Starter

This project containes a minimal setup for developing a performant and well structured browser extension. The extension contains a demonstration counter that is displayed on the popup and options pages as well as any open tab.

Good to know before using:

• React
• Redux
• Webext-redux
• Typescript
• Styled-components
• Extensions

Requirements:

• NodeJS - Javascript runtime
• VSCode - Recomended editor
• Chrome or Firefox - Web browser

How does proxy store work here:

How to run:

In terminal or command prompt

install dependencies
 - npm install
Transpile the code
 - npm run dev (only transpiles the code)
 - npm run watch (transpiles and watches for code changes)

In Chrome web browser

1. Go to: chrome://extensions
2. Toggle: "developer mode" on.
3. Click on: "Load unpacked"
4. Select the newly created folder "build" from the project folder.
5. Thats it.

In Firefox web browser

1. Go to: about:debugging
2. Select: "This Firefox" or for old version "Enable add-on debugging"
3. Click on: "Load Temporary Add-on…"
4. Open the newly created folder "build" from the project folder, and choose the "manifest.json" file.
5. Thats it.