Итоги

Чему вы научились на данный момент:

• Создавать компоненты (с помощью function и с помощью class);
  • Однако в чем разница, кроме сокращенной и подробной записи? [1]
• Передавать свойства (props) и считывать их;
• Общаться из ребенка с родителем (через функцию, переданную в props);
• Делать развилки в шаблонах (if/else, && и т.д.)
• Работать с изменяемым состоянием компонента (state)
• Работать с формой (контролируемые и не контролируемые компоненты)
• Познакомились с методами жизненого цикла
  • На самом деле только с componentDidMount и render [2]

[1] - разница в том, что stateless компонент, имеет встроенную "легкую" проверку в shouldComponentUpdate. Она невидимая, но она есть. Этот пункт можно отнести к теме оптимизации перерисовок ваших компонентов.

[2] - этот пункт раскрыт во второй серии (про Redux), но так как Redux-туториал еще не переписан, я думаю стоит "прокачать" пример с новостями здесь и сейчас.

Так же, есть неудобство, что вы слышали про импорты и прочее, а здесь в руководстве всего этого нет. Конечно, это сделано для того, чтобы руководство было максимально "сухим" и по теме. Тем не менее, мне бы хотелось добавить это в обновленной версии.

Поэтому, я не прощаюсь с вами и приглашаю вкусить основ в дополнительных главах, в которых я буду предельно краток, чтобы не раздувать объем.

Напоминаю, что масса бесплатных и не очень материалов выходит в моих "соц.пространствах":

• (на сайте есть текстовые версии вебинаров)
• c записями вебинаров и стримов
• Группа
• Канал в