---
title: "Creating a Chrome Extension with React"
url: https://daily.dev/posts/creating-a-chrome-extension-with-react-my8ot6vla
source_url: https://medium.com/javascript-in-plain-english/creating-a-chrome-extension-with-react-d92db20550cb
type: article
source: "JavaScript in Plain English"
author: "Aman Kumar"
published: 2021-02-06T09:22:10.598Z
updated: 2026-03-15T04:57:08.950Z
tags: ["devtools", "general-programming", "google-chrome", "react"]
reading_time: 7
upvotes: 38
comments: 3
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating a Chrome Extension with React

**[JavaScript in Plain English](https://daily.dev/sources/jsPlainEnglish)** · [@onlyoneaman](https://daily.dev/onlyoneaman) · 7 min read · 38 upvotes · 3 comments

## Summary

Building a Chrome extension with React is easy. Here we will go through the process of building a Chrome Extension using React. After this, you can add more functionalities to it very conveniently. The extension can access your active tab and change the background colour of the page. We will use this script to build our app.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://medium.com/javascript-in-plain-english/creating-a-chrome-extension-with-react-d92db20550cb>

## Community discussion

Top comments from developers on daily.dev.

**@ronlaniado** · 0 upvotes

> I think it should be noted, however, that this guide is based off of Manifest V2, whereas Chrome is soon going to be releasing V3, which can change the setup required for React.

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#devtools](https://daily.dev/tags/devtools), [#general-programming](https://daily.dev/tags/general-programming), [#google-chrome](https://daily.dev/tags/google-chrome), [#react](https://daily.dev/tags/react)

[View this post on daily.dev](https://daily.dev/posts/creating-a-chrome-extension-with-react-my8ot6vla)