Роман Лютиков (JavaScript web developer @ Redradix)
React.js и архитектура Flux
Форма регистрации. Количество мест ограничено.
19.12.2015, 11 AM
4-5 часов
Коворкинг iHUB http://chernihiv.ihub.com.ua/
Адрес: Чернигов, ул. Пятницкая, 50, 4-й этаж
Если едете из Киева, садитесь на маршрутку на станции метро Лесная.
Выходите на конечной, у торгово центра «Мегацентр». На карте отмечен маршрут от остановки до коворкинга. У двери в здание увидите большой синий плакат с надписью «iHUB», вам туда, 4-й этаж.
Ссылка на Google Maps.
Мой мобильный: +380935018769
Бесплатно! (80 грн маршрутка Киев-Чернигов)
React.js — это JavaScript библиотека для создания интерфейсов разработанная в компании Facebook и Instagram.
React известен своим компонентным подходом и виртульным DOM, который дает прирост в производительности за счет вычисления минимального количества изменений необходимых для обновления DOM.
Архитектура Flux, часто используемая в приложениях на React, упрощает процесс разработки и сводит к минимуму сложность вашего кода. Flux — это альтернатива MVC подходу.
В процессе изучения мы будем создавать небольшое веб-приложение, которое поможет понять преимущества React и Flux в реальном мире и покрыть реальные кейсы в разработке динамических интерфейсов, от обмена данными между компонентами до работы с сервером.
О чем вы узнаете посетив воркшоп:
- Создание React компонентов
- Что такое JSX?
- Обмен данными между компонентами
- Роутинг с помощью React Router
- Интеграция React компонентов с jQuery компонентами
- Интеграция React компонентов в существующий проект
- Сборка React приложения с помощью Browserify/Webpack
- Тестирование компонентов
- Отличия от MVC
- Что такое однонаправленный поток данных?
- Реализация Flux. Основные компоненты архитектуры.
- Лучшие практики использования Flux в приложениях на React
- Управление состоянием интерфейсов
- Управление HTTP запросами
- Неизменяемые структуры данных
- Продвинутое управление состоянием приложения
- Иметь при себе ноутбук с установленным Node.js (желательно последней версии). Загрузить последнюю сборку можно здесь https://nodejs.org/
- Заранее установить зависимости для проекта, на случай если будут проблемы с интернетом. Список зависимостей будет объявлен позже.
- Базовое знание ES2015 (ES6). Можете посмотреть доклад с подробным разбором основных нововведений в ES2015 здесь https://www.youtube.com/watch?v=hFbu23eWlJk
Я бы очень хотел видео или удаленное участие. Очень крутые темы, просто очень. Особенно: Обмен данными между компонентами, Интеграция React компонентов с jQuery компонентами, Интеграция React компонентов в существующий проект. Теряюсь, не понимаю.