Creating a simple Chrome extension using React-Js

Github link -

https://github.com/karthiktrp/Chrome-Extension-React-JS.git

In this projetc i am just showing the prerequisite for create a chrome extension in react js

step 1 :

npx create-react-app chrome-react-seo-extension --template typescript

step 2 :

edit the manifest file in public folder

{
  "name": "Chrome React SEO Extension",
  "description": "The power of React and TypeScript for building interactive Chrome extensions",
  "version": "1.0",
  "manifest_version": 3,
  "action": {
      "default_popup": "index.html",
      "default_title": "Open the popup"
  },
  "icons": {
      "16": "logo192.png",
      "48": "logo192.png",
      "128": "logo192.png"
  }
}

step 3 :
edit package.json file

step 4 :

npm run build

*step 5: *

turn on Developer mode
click load unpacked extension

step 6 :

choose build folder

that's it

your extension is ready

in next article we will add some functionalities