Member-only story

How To Create A Google Chrome Extension With React

Let’s take a look at how we can create a popup Google Chrome extension using React, TypeScript and craco npm package

Artem Diashkin
LITSLINK
7 min readNov 29, 2020

--

What will be covered in this story:

  • 1. What are the extensions?
  • 2. Create React app
  • 3. Manifest.json file
  • 4. Popup width and height restrictions
  • 5. Retrieving active tab’s URL
  • 6. Manipulating DOM content (content scripts)
  • 7. Overriding Create React App configuration

Link to Github repository with a complete solution

What are the extensions?

If you don't know what is the best solution for you, you can check here:

--

--

LITSLINK
LITSLINK

Published in LITSLINK

Hands-on up to date experience sharing of the most skilled & talented software developers right here, right now. Subscribe to learn & understand more about the Software World.

Responses (10)