FullStack-Academy-Kiev / react-chrome-extension

Chrome Extension boilerplate with ReactJS and vanilla JS examples

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

alt text

This Chrome Extension was bootstrapped with Create React App.

  1. yarn
  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 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

About

Chrome Extension boilerplate with ReactJS and vanilla JS examples


Languages

Language:JavaScript 70.4%Language:HTML 19.0%Language:CSS 10.6%