Build a Chrome Extension With React & Webpack

Learn how to build your own chrome extension using react, nodejs and webpack. You will go from the very basics until the point where you will create a functional chrome extension.

0:00 - Intro
1:23 - Chrome Extension Files Setup
3:20 - React Setup
4:58 - Webpack Setup
6:31 - Webpack Entry
7:06 - Webpack Output
8:57 - Webpack Loaders (Babel Setup)
11:33 - Webpack Plugins
13:54 - Extension Setup in Browser
15:39 - Webpack Production & Development Setup

____________________________

Follow Me

Courses

[sanujatharinda]

You explained 2 hours worth of content in just 17 minutes. Thank you very much...

[Jaayy]

Criminally underrated. If you have the time you need to be the savior of coding tutorials on youtube

[proyas]

This video is the best among all other videos I have watched on this toping in YouTube. Please keep making these awesome videos and please please please continue this topic. 👏👏

[ginebro]

The best video out there about this and the channel has only 1 video, insane.

[dumitrucosmin]

I loved how clear you explained all those concepts I spent hours trying to understand. Great job!

[TahaCrafter]

Thank you so much, very clear explanation!

I can't believe you only have 80 subscribers, youtube algorithms are not fair, it should rank your videos much higher to get the number of subscribers that you actually deserve.

[hubertryan]

Thank you so much! I wasn't wanting it to thank

[shahriarparvezshuvo]

Right on to the point. Please do more video like this. Your explanation is very clear. 👌

[dani]

this video was incredibly well made, thank you for this :D

[sunkanmiolaleye]

One the best tutorials I have seen. Thanks for sharing.

[uppadaavinash]

Awesome video, cleared all my doubts on react chrome extention. Great job!

[mollu]

Your tutorial helped a lot! Thank you for your videos!

[lookwhoneedsahobbie]

Amazing tutorial. Answered all my questions. I especially love automating 'npm run build' on changes at the end. Thank you!!

[BryantCobarrubias]

Great video. One thing tripped me up while setting up Webpack, at 12:20 you glossed over adding the line "const HtmlWebpackPlugin = to the top of webpack.config.js. It took me a quick trip to stackoverflow to figure it out. :)

Very clear and helpful info, thank you a lot)

[takeshi_chin]

Amazing tutorial. Now I have to figure out how to use TypeScript in that project.

[jiemi-wang]

It's a great video
It's very helpfull, i am hoping more video about this topic

[talatkuyuk]

Hi, you are awesome. You give very clear explanations. Hope you continue to make youtube tutorials about nodejs-react-chrome extension including script injection, service workers etc. Thank you very much again, I've subscribed, liked and get always notified.

[bharatkumar-beki]

Awesome explaination, really helpful.

[HackerFlavio]

this video is insane, extremely helpful, thankyou