If you have been wondering how to interact with on-chain data there is probably no easier way than by incorporating usedapp.io library. Knowing little about blockchain itself one can create reactjs apps presenting on-chain data in just as little as on the short movie I have prepared for you.
Just after connection, the web app knows who you are and can present data specific to your address. Moreover as seen in the movie token balance change is reflected on UI instantaneously after a transaction is confirmed.
This all comes with react fancy hooks concept so you don't need to worry about any web3 related stuff just works on web applications having plenty of issues solved automagically Waffle and useDapp been acquired by TrustToken to be further developed.