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

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

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

онлайн

Дмитрий Вакациенко

Team Lead Frontend Developer

Руководитель курса по React

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

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

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

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

Вы получите набор учебных материалов! На воркшопе мы используем конспекты. Они содержат нововведения 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-разработчиков — Lectrum Club
  • Исходный код, используемый на уроке

Расширенный

  • Всё, что включает Стандартный, и ещё:
  • Помощь в настройке среды окружения
  • Запись воркшопа в Full HD качестве
  • Персональный ментор в течение 72 часов после вебинара
  • Дополнительное практическое задание + код-ревью с расширенным фидбеком
  • Тест на знание React или JavaScript
  • Доступ онлайн-занятию по теме ECMAScript
  • Подарки
Участие в пакете «Стандартный» — бесплатно
Участие в пакете «Расширенный» —

Ответы на вопросы

Если я буду писать код медленно и не успею за экспертом?
Во время воркшопа мы будем использовать синхронизацию. Это специальная команда, которая синхронизирует текущее состояние проекта преподавателя с твоим, у тебя на компьютере. Поэтому воркшоп можно проходить в двух режимах. Первый — самостоятельно писать код за преподавателем, делать эксперименты, решать проблемы. Второй — периодически или всё время пользоваться синхронизацией. Не волнуйся! Ты не отстанешь и будешь на одной волне со всеми.
Что это за такая синхронизация? Как она работает?
Синхронизация — это скрипт, написанный на Node.js. Этот приём был придуман нами специально для воркшопов, чтобы помочь всем участникам двигаться в одном темпе. Тебе нужно выполнить одну команду в терминале, чтобы она заработала. Мы отправим тебе подробную инструкцию и все нужно внимательно настроить до воркшопа.
А можно перейти в платный пакет, если уже зарегистрировался в бесплатном?
Да, нужно повторно регистрироваться и оплать участие. Перейти в пакет «Расширенный» возможно до, вовремя и после воркшопа. Если будут вопросы напиши нам на почту или позвони.
Если я не успею на воркшоп?
Подключайся в любом случае и воспользуйся синхронизацией. Если пропустил воркшоп, то в расширенном пакете мы отправим тебе запись и после просмотра ты сможешь свои вопросы задать персональному ментору.
Я могу не успеть подготовиться к воркшопу. Что делать?
Нужно обязательно настроить окружение (около 20 минут). В начале воркшопа будет теоретический блок, где мы разберём вещи, которые нужны для комфортного прохождения. Конспект, ты сможешь почитать на досуге.