Create a Google Chrome extension with ReactJS | Plasmo quickstart tutorial

Published: 19 June 2022
on channel: Pacholo Amit

15,435

293

#react #javascript #typescript #chrome
Lets Create a Google chrome extension with ReactJS by using the Plasmo framework. The Plasmo framework allows us to build multi-browser compatible extensions with ReactJS. They have various quickstarts for other tools you may have already used such as NextJS, Stripe, Redux, Tailwind CSS, Supabase and Firebase

⭐Chapters⭐
00:00 - Creating browser extensions with Plasmo
00:50 - Plasmo github repository
02:09 - Plasmo Quickstarts (Next.js, Firebase, etc.)
03:39 - Bootstrap our chrome extension project
05:21 - Loading our extension to our chrome browser
07:44 - Coding our extension (ReactJS)
11:47 - VRNBLTY - A semi-completed chrome extension example
16:00 - Changing the chrome extension icon
17:06 - Creating a production build

⭐Socials⭐
Email: pacholoamit.dev@gmail.com
Github: https://github.com/pacholoamit
StackOverflow: https://stackoverflow.com/users/14199...
Dev.to: https://dev.to/pacholoamit
LinkedIn: / pacholo-amit

⭐Resources⭐
Plasmo Github repo: https://github.com/PlasmoHQ/plasmo
Plasmo documentation: https://docs.plasmo.com
VRNBLTY Github repo: https://github.com/pacholoamit/VRNBLTY

On this page of the site you can watch the video online Create a Google Chrome extension with ReactJS | Plasmo quickstart tutorial with a duration of hours minute second in good quality, which was uploaded by the user Pacholo Amit 19 June 2022, share the link with friends and acquaintances, this video has already been watched 15,435 times on youtube and it was liked by 293 viewers. Enjoy your viewing!

6,514

539