Convert your ReactJS app into a Google Chrome Extension

Or the video tutorial here:

---

Let’s Begin.

We’ll start by initializing npm.

>>npm init -y

Then we’ll install all of the **packages **we’ll need.

First the **dev **dependencies.

>>npm install --save-dev @babel/core @babel/plugin-proposal-class-properties @babel/preset-env @babel/preset-react babel-loader copy-webpack-plugin clean-webpack-plugin html-loader html-webpack-plugin webpack webpack-cli webpack-dev-server

Then the non-dev dependencies.

>>npm install react react-dom react-router-dom

In the ‘package.json’ we’ll write scripts for our **development **and production.

Under “scripts”, we’ll add,

#chrome-extension #web-development #react #reactjs #javascript