I got the idea of building twitch-stream-countdown after having a hard time keeping track of the schedules of all the awesome people that I am watching live coding on Twitch. They usually post on Twitch and/or Twitter when they will be live and there is a Twitch plugin to show a countdown until the next stream but unfortunately my streamers don’t use it so I want to build a web page that fetches the latest tweet from Twitter or the latest comment from Twitch about the schedule of the next stream, it then automatically calculates the time difference and it shows a countdown of all the next streams in a descending order.
Since I am new to these libraries, I want to go through the tutorials so I can decide which library I want to use.
In every GitHub repo, you can check the single commits for every chapter of the tutorial. All in all, I found Angular having the best tutorial for newbies getting started with the library. React’s tutorial is a simple tac-tac-toe game built from scratch, I found it rather short but it includes the highlights of the library. Vue’s guide is very well explained but the introduction was slightly confusing at certain parts so I had to figure out some sections on my own, especially where to put particular pieces of code. The Intro is explained in the next chapters but I couldn’t have known this while going through the Intro. Unlike with Angular and React the chapters in the Vue guide do not build on top of each other with the goal of building a game at the end which I think it’s a pity.
Vue put together quite a good comparison with other frameworks. Both Vue and React recommend installing their own Dev Tools in the browser in order to debug the application better.
As you can see, making the decision of which library to use is not easy but ultimately having an Angular expert at home who can help me when I get stuck 😉 tipped the scale in favor of Angular. Vue would be my second choice, even though it requires some setup so I can use it the way I want it and I prefer not having to spend time on that now. React comes in third, I feel like I just need more time to warm up to it, especially to this concept of having all the code in JS. I will definitely revisit React and Vue for future projects but right now I just want to start coding and it’s going to be with Angular. 🙂
P.S.: In the future, I will keep an eye out for Polymer, Reason and GraphQL.
I used Visual Studio Code for the tutorials with the following plugins:
- Short Paw (dark) – VS Code theme
- Vetur – Vue tooling for VS Code