Итоги по основам

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

  • Создавать компоненты (с помощью function и с помощью class);

    • Однако в чем разница, кроме сокращенной и подробной записи? [1]

  • Передавать свойства (props) и считывать их;

  • Общаться из ребенка с родителем (через функцию, переданную в props);

  • Делать развилки в шаблонах (if/else, && и т.д.)

  • Работать с изменяемым состоянием компонента (state)

  • Работать с формой (контролируемые и не контролируемые компоненты)

  • Познакомились с методами жизненого цикла

    • На самом деле только с componentDidMount и render [2]

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

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

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

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

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

PreviousДобавить новостьNextcreate-react-app

Last updated