Ask HN: Resources for learning advanced JavaScript and React

I need to remind myself to read these more often.

http://shop.oreilly.com/product/9780596517748.do

http://2ality.com/

Very useful day-to-day and first place I go:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...

Shameless plug: I did a free open source video series called "Building products with javascript" [1] that covers building CRUD webapp using javascript (including es6+), node, express, react, redux, rxjs and all that kind of stuff. Will be happy to answer any questions :)

[1] https://github.com/yamalight/building-products-with-js

If you truly want to grok JavaScript, I can recommend no better tutorial than this: https://johnresig.com/apps/learn/

It is how I finally grokked JS and it is the same tutorial that I put all new additions to my team through...

Trust me, I agree. In fact, my standard copy-paste "advice on learning React" includes:

> Definitely don't over-complicate the learning process by trying to learn many different things at once. Some people will say you should use a "boilerplate" to learn React, and they're wrong - boilerplate projects almost always come with too many pieces configured, and are confusing for beginners.

> Instead, the best advice is to focus on learning React itself first. Once you have a good understanding of how React works, you will better appreciate why a state management library like Redux can be useful, and you can learn about other tools later.

That said, my rough estimates are that around 55-60% of React apps are using Redux, and it's also frequently used with Angular, Ember, and Vue, albeit sometimes in different forms (ngrx/store, vuex, etc). So, while I totally agree that most people should not try to learn Redux right away, it _is_ a very relevant topic to cover.

I'm always surprised that reading source code is such a rare occurrence or suggestion in this world. If you consider yourself even in the vicinity of "advanced", I think you're capable of learning great stuff by looking at anything on github. Something big, but well organized. Lo-dash, Node, Mocha, etc.

Of course you won't understand everything on first read. But you will learn really good things if you know how to look at something confusing and identify what it is you don't understand; then you can go find didactic materials to fill in the gaps.

This is an amazing way to learn. You get to see how some of the most used, or cutting-edge tools are implemented (for free!). You learn about the tools themselves and thus gain expertise in them. And, you gain the meta-skill of working in unfamiliar territory, which I think is a fundamental key to being considered "advanced".