Skip to content
Chrome Extension boilerplate with ReactJS and vanilla JS examples
JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.gitignore
README.md
chrome-extension-doc.docx
package.json
react-chrome-extension.png
yarn.lock

README.md

alt text

This Chrome Extension was bootstrapped with Create React App.

  1. npm i
  2. yarn build
  3. Go to chrome://extensions in Chrome
  4. Ensure that the Developer mode checkbox in the top right-hand corner is checked
  5. Click Load unpacked extension to pop up a file-selection dialog & select directory build in your repository.
  6. Ensure that the enabled box next to your chrome extension is checked so you can see it in action

Doc Instruction - chrome extension docx

React App in Popup - master branch

React App in Content Script - react-content-script branch (to see App go to https://www.google.com/)

Vanila JS example for Popup in branch popup, content setting in content-settings and context menu in branch contextmenu

You can’t perform that action at this time.