Простейшее введение в React (часть 1, теоретическая)

У вашего броузера проблема в совместимости с HTML5

В этом видео я попытался рассказать о популярной библиотеке React максимально простым и наглядным способом. ОБРАТИТЕ ВНИМАНИЕ! Многие вещи опускаются или упрощаются. Для тех, кому хочется понять все глубже, смотрим другую серию - “Анатомия React”: https://youtube.com/playlist?list=PLvWwA9iDlhHBQ6razvwomGcUIfQm4fk6D

Первая часть данной серии теоретическая, с разбором понятий и примеров на официальном сайте. Вторая же часть будет практическая - мы напишем простое приложение.

ВНИМАНИЕ! Видео предназначено для того, чтоб

СОДЕРЖАНИЕ:
00:00 Введение.
01:36 Проблемы, которые решает React: тяжелые перерисовки, разбиение на компоненты.
04:26 Разница в написании приложение на JS и на React. Props и State.
08:38 Методы жизненного цикла.
10:07 Сколько “весит” библиотека React?
14:41 Что такое JSX и почему это просто?
18:09 Разница между React и ReactDOM. Немного про классовые и компоненты-функции.
22:18 Разбираем компонент с состоянием (state).
23:57 Как работать со state?
29:42 Конфигурируем компонент через props’ы.
35:29 Разбираем работу простейшего TODO-приложения. Отладка с помощью React DevTools.
45:01 Концепция мутабельности и иммутабельности на примере методов массивов.
48:25 Почему можно JSX возвращать из функции и записывать в массивы.
50:09 Еще раз про перерендеры. Про макет, который мы разберем, чтобы научить себя думать в терминах React.
52:27 Разбираем последний пример с внешней зависимостью.
55:32 Заключение.

????????????
Стань спонсором канала и получи бонусы: https://www.youtube.com/channel/UCt36CWL85NGtOgUMZ2X6x5g/join

????????????
Avocode - лучше обезболивающее для того, кому приходится верстать из PSD, AI, XD, Sketch и Figma. Регистрируйся и получи скидку 10% на первую покупку, введя в соответствующем поле промо-код ‘nikita’: https://avocode.com/pricing

Обучающие ролики по Avocode: http://makeweb.me/avocode-lessons-yt-desc

✊✊✊
Персональные уроки по веб-разработке: http://makeweb.me/lessons-video
Отзывы: http://makeweb.me/lessons-feedback
Связаться: https://vk.com/write-96139053 / [email protected]

✍✍✍
Присоединяйся к нашему Telegram-чату тут http://makeweb.me/telegram-mw-1 или, если не работает, тут http://makeweb.me/telegram-mw-2
Или по имени чата в поиске - @makewebme