ReactJS в действии: от базовых понятий до разработки приложений

 
Время проведения
13
декабря2014
Завершено

09:00 - 18:00,
Киев, ул. Боженко 860 (офис компании Cogniance)

Описание

На мастер-классе мы будем изучать и работать с ReactJS - простым и популярным javascript-фреймворк, делающем упор на производительности. Он используется на многих популярных веб-сайтах, в том числе в Facebook и Instagram. React построен на концепции компонентов. Он отличается от таких фреймворков, как Angular или Ember, которые используют двухстороннюю привязку данных для обновления HTML страницы. Бытует мнение, что React проще для изучения – он намного меньше и хорошо работает с jQuery и другими фреймворками. Он, к тому же, чрезвычайно быстр, так как использует виртуальный DOM и обновляет только измененные части страницы. А так же предоставляет простые средства для создания адаптивно-гибридных или изоморфных веб-приложений.

План мероприятия

I. Вступление

1. Краткая история JavaScript

2. Современные фреймворки

3. Основные подходы к клиентским приложениям
· Backbone
· Ember
· Angular
· Vanilla
· Etc.


II. Основы React.js

1. Application STATE

2. Базовая концепция дизайна

3. Reusable Components

4. JSX, или больше никаких шаблонов


III. Разработка приложения с React.js

1. Структура проекта

2. Базовые инструменты

3. Building scenario

4. Интеграция common.js/require.js


IV. API с React.js

1. Top-Level API

2. Компоненты API

3. Жизненный цикл компонентов

4. Система событий

5. Специальные атрибуты


V. Тестирование приложений

1. React.js chrome addon

2. Jest - tests framework for React.js

3. Типичные проблемы (bind/unbind и т.п..)


VI. Дизайн приложений

1. Define components

2. Пользовательские события

3. CSS selectors and representation

4. FLUX и одностороння архитектура потока данных

5. URL маршрутизация


VII. Графическое представление

1. SVG рендеринг

2. Интеграция с D3.js


VIII. Server Side рендерниг

1. Environment настройки

2. Интеграция между клиентской частью и серверным кодом

3. Patch state подход


IX. Интеграция с другими фреймворками

1. Интеграция с Pure jQuery

2. Интеграция с Backbone.js

3. Рендеринг интеграция с Angular.js