Powerful chrome extensions usually utilise multiple modals and panels to give an enthralling UX. In this article, let’s deep dive on how to achieve such complexities in a very simple way using ReactJS.
For the sake of this article, we’ll be designing a chrome extenstion with a Right Side Panel, Centered Modal and Small Modal (Right Bottom).
PS: popup.html is out of the scope for this article as it ‘ll be primarily focusing on html injection via content script.
For newbees, this section provides high level overview of Chrome extension. A chrome extension build consists of the following
“Every child is an artist. The problem is how to remain an artist once we grow up.” — Pablo Picasso
When I was a kid, I was composer, writer, artist, even a superhero sometimes. It was so easy to switch into any role without getting into the technicalities or details. Or was everything so intuitive to me ? And sometimes I try to recollect all those memories of my imagination while being a kid and find them quite fascinating.
Research says kids spend as much as 2/3 of their time in non-reality — in imaginative play. Somehow, what was totally…
Keeping It Simple & Stupid