The code in this repository is based on the following.

• Build a Chrome Extension Using ReactJS article
• Build a Chrome Extension with React accompanying video to above article
• DIY Performance Data Gathering Chrome Extension
• Webpack 5 Full Project Setup

• create manifest.json
• create icons for the manifest
• npm init -y

npm i -D \
   webpack \
   webpack-cli \
   webpack-dev-server

npm run build works for commit 8d98cfb64656553005bcc919e658a06f8e705b4e

npm i -D \
   copy-webpack-plugin \
   clean-webpack-plugin \
   html-webpack-plugin

npm run build create a minimum chrome extension in dist which just has console logs for commit d46edd8ceb09fad7a0607b6ccbe0e63133d72064

npm i -D \
   @babel/core \
   @babel/preset-env \
   @babel/preset-react \
   babel-loader \
   css-loader \
   style-loader

npm i react react-dom

Add minimal react code, setup and dependencies in commit aa1ce4c070a82fbb19d99ff4872582578b6edcbf

npm i -D @types/chrome

Add communication example from popup to contentScript and background script. To help with development added chrome types and watch build script. commit tbd (but one after the above)