Home
Starting Up
Case Studies DB
Products
Ideas DB
Vibe Coding Tools
Subscribe to IH+
Starting Up
Case Studies
Ideas DB
Products DB
Sign in
Join
1
Like
6
Comments
What is the best way to build chrome extensions?
by
new_dev
Moved this post over to Browser Extensions Makers, you may want to check the group out for useful tips for making extensions.
i already searched for chrome extensions group name but got nothing anyway thanks @rosiesherry
Some parts of the extension, e.g., the options page and panel are just normal webpages with access to additional APIs. You can/should use whatever front-end framework you're productive in whether it's VanillaJS, React, Vue, Angular, etc.
If you are modifying another site's interface (using a content script), I've found JQuery to be effective for basic modifications (e.g., hiding elements, changing styles, adding buttons, etc.). If you need to add complex components, you can again use React or your favorite framework. Look at using frames or shadow DOM to isolate your styles from the page's CSS
thnx @tschiller for your reply, i think using React will be the best choice for now since my extension will be UI heavy, think about 10,000 markers shown in a map at the same time ( in this case it will be a small counter component) and each marker will change after 1 minute, so i find using React is a must for better performance and using some react hooks ex: useMemo.. will help me to re-render what it should be re-render in the UI. i wanna hear your thoughts !!
Is your extension UI heavy? I can tailor the answer better if you can describe roughly what you have in mind.
Also, the best way to build a chrome extension is not to build it in the first place :'D (read, there's a lot of pain involved all throughout the journey)
yes it is, i can't tell more about the idea but it's arround the productivity space, the app will show you your progress depending on your activity i will do some backend stuff , some users will collaborate with others so using websocket protocol will be a part of our backend and the UI will be change a lot depending on what data will be received from server, i think about taking react to organize things and adding features easly (btw the idea can't be a web app it can be web extension only and sorry for my english)