Онлайн-воркшоп

Знакомство с React

Напишем свой Instagram за 120 минут!

онлайн

Андрей Присняк

Fullstack Developer

Эксперт Lectrum

До начала воркшопa осталось:

Описание воркшопа

Разберётесь с основой React! Этот урок познакомит вас с основополагающими концепциями механики библиотеки React; раскроет принципы работы внутреннего движка Fiber; объяснит, почему React-приложения настолько быстрые и отзывчивые.

Напишите своё React-приложение — Instagram! Во время урока вы научитесь работать с JSX-разметкой, которая легко создаёт страницы с динамическим контентом, cможете управлять отображением элементов, эффективно использовать один из основных паттернов React — conditional rendering и создадите правильную архитектуру React-компонентов.

Важно! Заранее подготовиться к воркшопу по инструкции. На протяжении воркшопа будет доступен чат, в котором наша команда будет отвечать на ваши вопросы в прямом эфире.

Этот урок будет полезен, если вы:

  • начинающий frontend-разработчик;
  • планируете изучать React;
  • решили больше зарабатывать;
  • следуете пути идеального кода;
  • давно изучали React и нужен рефреш знаний;
  • интересуетесь нашей компанией;
  • хотите познакомиться с автором курса по React.

Требования к участникам:

HTML, CSS, базовые навыки JavaScript, настроить среду для разработки по инструкции, желание познакомиться с новой библиотекой и время!

Структура воркшопа

  1. Познакомимся с элементарной единицей — ReactElement.
  2. ReactComponent — игрок высшей лиги.
  3. Откроем для себя новый движок Fiber и механизм reconciliation.
  4. Виртуальный DOM и улучшенная производительность.
  5. Выполнение JavaScript-кода внутри JSX-разметки.
  6. Узнаем об атрибутах разметки.
  7. Как работает экранирование в JSX.
  8. Научимся создавать самозакрывающиеся теги.
  9. Обращение к компоненту через точку.
  10. Потренируемся писать комментарии в JSX.
  11. Изучим композицию компонентов.
  12. Узнаем как рендерить списки.
  13. Рассмотрим фрагменты.
  14. О рендеринге строк и чисел в новом React.
  15. Что такое conditional rendering и как его использовать?

Выберите удобный пакет участия

Стандартный

  • Доступ к трансляции воркшопа
  • Инструкция по настройке среды окружения
  • Доступ к закрытому чату React-разработчиков

Расширенный

  • Всё, что включает Стандартный, и ещё:
  • Запись воркшопа в формате Full HD
  • Исходный код и презентации
  • Помощь в настройке среды окружения
  • Менторская поддержка в течение 48 часов после воркшоп
  • Чек-лист успешного React-разработчика
  • Дополнительное практическое задание
  • Код-ревью решения с расширенным фидбеком
Участие в пакете «Стандартный» — бесплатно
Участие в пакете «Расширенный» —