1. Новые покупки Показать еще

    12.12.2017: Школа Управления Павла Ракова (2016)

    07.12.2017: Тестовая логи

    06.12.2017: test recuring

    04.12.2017: Нейрографика денег: законы и закономерности (Павел Пискарёв)

    03.12.2017: [ETpro.Империя технологий] Radionic Fibonacci - Эффект пирамиды

  2. Гость, вы попали в клуб Рескладчик. У нас в 10 раз дешевле, чем на Складчике. Теперь вы можете не по 200 руб брать продукт на Складчике, а у нас на Рескладчике всего за 20 руб.
    Скрыть объявление
  3. Нужен организатор Показать еще

    16.11.2017: Технология производства Гибкого Камня

    10.11.2017: Комплект курсов 1С для новичков! (Дегтярев Роман)

    10.11.2017: Удаление вмятин без покраски

    10.11.2017: Технология изготавливания картин- светильников "3D окна"

    10.11.2017: Шпаргалки «Одна игрушка — много игр»

РеСкладчина

[javascript.ru] Курс по React.JS

Тема в разделе "Курсы по программированию", создана пользователем witcher, 7 июн 2017.

Цена:
127р.
Взнос:
127р.
Записаться

Основной список:

1. witcher
  1. 7 июн 2017
    #1
    witcher
    witcher Организатор Организатор

    [javascript.ru] Курс по React.JS

    [​IMG]


    В этом курсе мы с вами шаг за шагом пройдем от знакомства с основными идеями до использования самых новых инструментов и инфраструктуры React, на практике будем развивать одностраничное приложение. Начнем с построения простых компонентов, научимся настраивать окружение, поговорим про системы сборки и особенности работы с ES2015 синтаксисом.

    Постепенно мы разберем особенности построения SPA с использованием React, будем использовать сторонние компоненты и библиотеки для создания бизнес-логики. Вы в деталях узнаете классическую для React-приложений архитектуру: Unidirectional dataflow, и научитесь строить ее с использованием современной и наиболее популярной реализацией Flux – Redux.js

    Курс состоит из 4-х блоков:
    1. Знакомство с React.

    2. Инфраструктура React.

    3. Построение приложений с React: Redux.js.

    4. React для SPA: react-router и продвинутые API Реакта

    Знакомство с React
    В этом блоке мы разберем основные идеи Реакта, научимся писать простые компоненты и узнаем, в чем принципиальное отличие React.js от других популярных фреймворков. Создадим первые компоненты, используя декларативный подход.
    • Обзор и сравнение популярных современных фреймворков: Angular, Ember, React.
    • Настройка Babel и Webpack, HMR и React-transform (react-hot-loader).
    • Основы работы с Реактом, Virtual DOM, JSX.
    • Три синтаксиса для компонентов: Stateless components, ES2015-классы и React.createClass.
    • Поток данных: props и state.
    • Lifecycle: Жизнь React-компонента от инициализации до unmount.
    • Связь с DOM: keys & refs.
    • Готовим компоненты к повторному использованию: propTypes, mixins, decorators.
    Инфраструктура React
    Сейчас, говоря "React", уже редко имеют ввиду саму библиотеку, которая просто позволяет декларативно описывать ваш UI. Сегодня React – это большая инфраструктура, которая включает в себя различные бибилиотеки для работы с данными, бизнес-логикой, сторонними компонентами, декораторами и множеством другого полезного кода.
    • Вложенные компоненты в JSX при помощи props.children.
    • Оптимизируем наше приложение с shouldComponentUpdate.
    • Immutable.js: узнаем как и зачем использовать иммутабельные данные.
    • Анимации в React, CSSTransitionGroup.
    • Использование сторонних компонентов.
    Построение приложений с React: Redux.js
    Когда приложения становятся сложнее и в них появляется интерактивность, приходиться задумываться про организацию бизнес-логики, настраивать потоки данных и взаимодействие с сервером. В процесе построения простого новостного приложения мы детально разберем самую популярную библиотеку для одностороннего потока данных, узнаем ее особенности и научимся использовать дев-тулзы.
    • Знакомство с Flux – разбор основных элементов и идей.
    • Построение компонентов синхронной и асинхрнонной бизнес логики с Flux.
    • Ключевые отличия Redux и Flux.
    • Особенности Redux.js: функциональный подход, Redux dev tools, возможности для мониторинга и универсальных приложений.
    • Store, как иммутабельный отъект: Redux + Immutable.js.
    • Actions и Reducers, как чистые функции.
    • Настраиваем синхронный поток с Redux, переиспользуем созданные ранее компоненты.
    • React-redux для связи компонентов с логикой.
    • Side-effects в Redux: создание и использование Middlewares.
    • Варианты реализации асинхронных actions в Redux.
    React для SPA: react-router и продвинутые API Реакта
    Разработка single-page applications – одно из основных направлений фронтэнда. Мы разберем, как строить их, используя React. Научимся использовать react-router и продвинутые элементы API React.JS.
    • Зачем нужен роутинг и как он устроен, проектируем структуру приложения.
    • Настраиваем вложенные роуты.
    • Выбираем и настаиваем history для нашего приложения.
    • Используем context – еще один механизм передачи данных.
    • Объеденяем react-router и Redux.
    • Обзор Advanced API react-router.
    • Авторизация в react-router.

     

Участники складчины [javascript.ru] Курс по React.JS смогут написать отзыв