What you need to know before learning angular and react?

Question

JavaScript

Hello.
1) What knowledge do I need to have to learn Angular and React? I know EcmaScripts, closures, scopes, prototyping, etc. related to the main topics of understanding the work of Ecma, and, accordingly, I know BOM, DOM, Events. But I don't know ES6. I don’t know if it’s worth starting to climb into Angular and React or something to learn first, and also, will learning Angular and React help for even more and in-depth study of JS?
2) What is the best way to learn Angular and React? Just read of. doc or watch some video tutorials first?

Answer 1

I won’t say about React, but in Angular (if we are talking about the 2nd - 4th), RxJS is a very important dependency. This in itself is a very useful thing.
Moreover, I would advise instead of Angular and React to look at the wonderful CycleJS framework, which is built on the idea of ​​​​RxJS. It has a very simple, clean and powerful architecture. If you master it, you will see a lot in a new cloudless light. The main disadvantage of CycleJS is the lack of ready-made kits like Material for Angular. It's more of a tool than a turnkey solution. But in training, this is only a plus - more room for practice.
Also, it's good to master the concept of functional programming as much as possible in JS. The idea of ​​immutable (persistent) data structures. Basic higher order functions (like map, flatMap, foldLeft/reduce, etc.). Functional composition and point-free (tacit) style. I highly recommend looking at the Ramda library. All this is not a mandatory prerequisite for Angular and React, but it can significantly affect how you write code.
CycleJS and Ramda will definitely help in a more in-depth study of JS.
Angular is very good to learn from ng-book 2.

Answer 2

1) read Kantor for innovations
2) then make an example from the off.docs
3) then, by analogy with the example from the off.docs, change something a little and do it your way
4) if we are talking about react, then with complication example, a slow transition towards "need redux / similar" -> read the doc, continue to wind up the example.
ps if you are interested in the example, then progress will be faster, so you should work with the API of sites you are interested in, steam, vk, ...

Answer 3

1) I recommend that you carefully read the innovations in ES6.
2) Take and do something

Answer 4

And why no one said about vue.js)