Что нужно знать перед изучением angular и react?

Question

[Алексей Верховцев]

Всем привет.
1) Каким багажом знаний мне нужно обладать, чтобы изучать Angular и React? Знаю EcmaScripts, замыкания, области видимости, прототипирование и т.д. относящееся к главным темам понимания работы Ecma, ну и соответственно знаю BOM, DOM, Events. Но не знаю ES6. Не знаю стоит ли начинать лезть в Angular и React или что-то сперва подучить, а также, поможет ли изучение Angular и React для ещё большего и углубленного изучения JS?

2) Как лучше изучать Angular и React? Просто читать оф. доку или посмотреть какие-то видеоуроки сперва?

Answer 1

[Илья Толлю]

Про Реакт не скажу, но в Ангуляре (если мы о 2-м - 4-м) очень важной зависимостью является RxJS. Это сама по себе очень полезная вещь.
Более того, я бы посоветовал вместо Ангуляра и Реакта посмотреть на замечательный фреймворк CycleJS, который построен на идее RxJS. У него очень простая, чистая и мощная архитектура. Если её освоить - многое увидится в новом безоблачном свете. Главный минус CycleJS в отсутствии готовых комплектов вроде Material для Ангуляра. Это скорее инструмент, чем готовое решение. Но в обучении это лишь плюс - больше простора для практики.

Кроме того, полезно освоить концепцию функционального программирования, насколько это возможно в JS. Идею иммутабельных (персистентных) структур данных. Основные функции высшего порядка (вроде map, flatMap, foldLeft/reduce и др). Функциональную композицию и point-free (tacit) стиль. Очень рекомендую посмотреть на библиотеку Ramda. Всё это не является обязательным пререквизитом для Ангуляра и Реакта, но может существенно повлиять на то, как Вы пишете код.

CycleJS и Ramda - точно помогут в более углублённом изучении JS.
Angular очень хорошо учить по книге ng-book 2.

Answer 2

[Максим]

1) по нововведениям почитайте у Кантора
2) далее сделайте пример из оф.доки
3) далее по аналогии с примером из оф.доки, чуть-чуть измените что-нибудь и сделайте по-своему
4) если речь про react, то с усложнением примера, начнется медленный переход в сторону "нужен redux/подобные ему" -> читайте доку, продолжайте накручивать пример.

p.s. если пример вам интересен, то прогресс будет быстрее, поэтому стоит поработать с API интересных вам сайтов, steam, vk, ...

Answer 3

[RidgeA]

1) Рекомендую внимательно почитать нововведения в ES6.
2) Взять и сделать что-то

Comments

[Дмитрий Локшин]

А нативный JavaScript насколько нужно знать хорошо? И какие, реально качественные курсы можете посоветовать? Можно на английском. Спасибо!

Answer 4

[Тимофей Усулов]

А почему про vue.js никто не сказал)