React & TypeScript Chrome Extension Development [2024]

Learn Google Chrome Extension development using modern web frameworks. JavaScript, React, TypeScript, Webpack and more!

Created by: Jason Xian
Software Developer

What Will I Learn?

• The ins and outs of modern Chrome Extension development
• Learn to use the newest Manifest Version 3 Chrome APIs
• Standard extension development in basic HTML, CSS and JavaScript and modern development in React and TypeScript
• Using HTTP requests in your chrome extensions to interact with third party APIs
• Create a study focus timer extension built in simple JavaScript, HTML and CSS
• Build a multi-featured weather extension built in React, TypeScript and Webpack
• Design a build system for developing extensions using Webpack
• Build user interfaces using popular component libraries like Material UI
• Deploying your completed extension to the Chrome Web Store for real users
• Work with simple command line tools such as Git and NPM
• Design an ad blocker extension that covers the basic principles of ad blocking
• Build a mini TV show search extension and text-to-speech extension
• Bonus mini-section covering the basics of Chrome Extension themes

Requirements

• Basic understanding of JavaScript, HTML, CSS for standard extension development
• Basic knowledge of React for modern frameworks section

Target audience

• Anyone curious about learning to build Chrome Extensions using modern web frameworks
• Perfect for developers of all skill levels looking to expand their web development skills to Chrome Extensions
• If you want to take ONE course to learn everything you need to know about chrome extension development, take this course