react-course-ru-v2
  • Вступление
  • От автора
  • Подключаем react как script
  • Создание компонента
  • Использование props
  • If-else, тернарный оператор
  • Порефакторим...
  • Prop-types
  • Использование state
    • Подробнее о state
    • Работа с input
  • Жизненный цикл компонента
  • Работа с формой
    • Добавить новость
  • Итоги по основам
  • create-react-app
    • Приборка и импорты
  • Асинхронные запросы
  • Спам-фильтр
    • componentWillReceiveProps
    • getDerivedStateFromProps
    • Порефакторим...
  • Заключение
Powered by GitBook
On this page

Was this helpful?

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

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

Last updated 5 years ago

Was this helpful?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • (на сайте есть текстовые версии вебинаров)

  • c записями вебинаров и стримов

  • Группа

  • Канал в

create-react-app
Расписание стримов и вебинаров
Youtube канал
vkontakte
telegram
Twitter
Facebook