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.

Become a Better Developer
📚 https://courses.wittcode.com

My Software
📡 WittCepter - https://chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj
🪵 ConsoleLog - https://chromewebstore.google.com/detail/consolelog/bpkeepmeajdffneiimcknfnjodekcgnh

Download Code
👨‍💻 https://blog.wittcode.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

Тэги:

#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

Скачать видео