Favicon Fun - Dynamically Updating Your Site Icon with ReactJS

renaissanceengineer

Renaissance Engineer

Posted on July 20, 2019

Favicon Fun - Dynamically Updating Your Site Icon with ReactJS

Want to make your website or app standout? One way could be what I cover in the video below, using Javascript to dynamically edit your website's favicon based on the state of your application.

How can I use this

The most obvious is to notify users of interactions on your site. For example, if you have a chat app, you could dynamically adjust the favicon to show users they have a message waiting even if they are in another tab.

A more advanced example would be swapping through an array of images to create an animation effect similar to a gif. I will be covering that in a future tutorial so be sure to subscribe

💖 💪 🙅 🚩
renaissanceengineer
Renaissance Engineer

Posted on July 20, 2019

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related