Create a Chrome Extension with TypeScript React and Webpack

Learn how to create a chrome extension with TypeScript, React, and Webpack. We will also set up Webpack to build our content and background scripts, use the chrome.tabs API to communicate between our popup and content script, and more.

👩‍💻 Download Code 👨‍💻
https://wittcode.com

🛜 Download My Chrome Extension 🛜
https://chromewebstore.google.com/det...

💻 Compare Laptop Specs 💻
https://laptopspectable.com

🔴 Rare Pokemon Cards ⚪️
https://rarepokemoncards.com

👻 90s Nostalgia 👻
https://goosebumpsforsale.com

⌛Timestamps⌛
0:00 - Intro
0:08 - Project Demonstration
0:40 - Project Setup
1:50 - Adding TypeScript
4:03 - Configuring Webpack
7:46 - Installing @types Packages
8:31 - Configuring a Chrome Extension with manifest.json File
9:40 - Coding the React App
10:56 - Coding the Content Script
11:22 - Creating a Build Script
12:02 - Uploading the Chrome Extension
12:32 - Running the Chrome Extension
13:02 - Generating TypeScript Declaration Files
13:57 - Outro

• #education
• #wittcode
• #wittcode
• #create_a_chrome_extension_with_typescript
• #create_a_chrome_extension_with_react
• #create_a_chrome_extension_with_react_and_typescript
• #chrome_extension_react
• #chrome_extension_typescript