One thing I find indispensable when trying to navigate the crazy amount of JavaScript frameworks these days is the RealWorld demo app [1]. It's a spec for an application that is more complex than the standard todo app, and there are implementations of that same app in dozens of frontend stacks. I usually take a look at the code when I'm not sure how to structure something in my code, because the problem was often encountered there and has a sensible solution. By contrast, when I Google around for some design/architecture dilemma when writing frontend JavaScript, the quality of content is terrible and I usually find dozens of alternative solutions, often by people who've obviously used none of them.
100% agreed. Personally when learning a new framework, nothing beats seeing real code that serves a real use case.
That's why all of my courses are based on real world examples.
For example in https://buildasaasappwithflask.com/ we build a SAAS app with Flask and cover 50+ web dev concepts along the way. Users, accepting payments, invoicing, testing, etc..
[1]: https://github.com/gothinkster/realworld