Create a Google Chrome extension with ReactJS | Plasmo quickstart tutorial

#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/14199991/pacholoamit
Dev.to: https://dev.to/pacholoamit
LinkedIn: https://www.linkedin.com/in/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