Итоги по основам
Итоги
Чему вы научились на данный момент:
- Создавать компоненты (с помощью function и с помощью class);
- Однако в чем разница, кроме сокращенной и подробной записи? [1]
- Передавать свойства (props) и считывать их;
- Общаться из ребенка с родителем (через функцию, переданную в props);
- Делать развилки в шаблонах (if/else, && и т.д.)
- Работать с изменяемым состоянием компонента (state)
- Работать с формой (контролируемые и не контролируемые компоненты)
- Познакомились с методами жизненого цикла
- На самом деле только с componentDidMount и render [2]
[1] - разница в том, что stateless компонент, имеет встроенную "легкую" проверку в shouldComponentUpdate
. Она невидимая, но она есть. Этот пункт можно отнести к теме оптимизации перерисовок ваших компонентов.
[2] - этот пункт раскрыт во второй серии (про Redux), но так как Redux-туториал еще не переписан, я думаю стоит "прокачать" пример с новостями здесь и сейчас.
Так же, есть неудобство, что вы слышали про импорты и прочее, а здесь в руководстве всего этого нет. Конечно, это сделано для того, чтобы руководство было максимально "сухим" и по теме. Тем не менее, мне бы хотелось добавить это в обновленной версии.
Поэтому, я не прощаюсь с вами и приглашаю вкусить основ в дополнительных главах, в которых я буду предельно краток, чтобы не раздувать объем.
Напоминаю, что масса бесплатных и не очень материалов выходит в моих "соц.пространствах":
- (на сайте есть текстовые версии вебинаров)
- c записями вебинаров и стримов
- Группа
- Канал в
- 1. Вступление
- 2. От автора
- 3. Подключаем react как script
- 4. Создание компонента
- 5. Использование props
- 6. If-else, тернарный оператор
- 7. Порефакторим...
- 8. Prop-types
- 9. Использование state
- 10. Подробнее о state
- 11. Работа с input
- 12. Жизненный цикл компонента
- 13. Работа с формой
- 14. Добавить новость
- 15. Итоги по основам
- 16. create-react-app
- 17. Приборка и импорты
- 18. Асинхронные запросы
- 19. Спам-фильтр
- 20. componentWillReceiveProps
- 21. getDerivedStateFromProps
- 22. Порефакторим...
- 23. Заключение
Комментариев: 0