javascript.ru (Якобчук, Кантор) - Курс по React.JS (2016)

Тема в разделе "Сайтостроение и веб-дизайн", создана пользователем infomanka, 4 дек 2016.

  1. infomanka

    infomanka Active Member

    Сообщения:
    1.644
    Репутация:
    139
    Курс по React.JS
    [​IMG]
    Автор: javascript.ru (Якобчук, Кантор)
    Год: 2016
    Формат: avi, mp4, js, json, html и т.д.


    Этот онлайн-курс посвящён профессиональной разработке веб-приложений с помощью React.JS.

    Программа
    В этом курсе мы с вами шаг за шагом пройдем от знакомства с основными идеями до использования самых новых инструментов и инфраструктуры 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 Реакта
    Детали программы смотрите далее.


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

    Неделя 1

    Знакомство с 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.

    Неделя 2

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

    Сейчас, говоря "React", уже редко имеют ввиду саму библиотеку, которая просто позволяет декларативно описывать ваш UI. Сегодня React – это большая инфраструктура, которая включает в себя различные бибилиотеки для работы с данными, бизнес-логикой, сторонними компонентами, декораторами и множеством другого полезного кода.

    • Вложенные компоненты в JSX при помощи props.children.
    • Оптимизируем наше приложение с shouldComponentUpdate.
    • Immutable.js: узнаем как и зачем использовать иммутабельные данные.
    • Анимации в React, CSSTransitionGroup.
    • Использование сторонних компонентов.
    Неделя 3

    Построение приложений с 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.

    Неделя 4

    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.


    [​IMG]

    Сайт/Скачать:

    Отзывы:
    Пока нет.
     
    Последние данные очков репутации:
    Kk121: 1 Очко (обязательно скачаю) 13 май 2017
    illiaosmanov: 1 Очко (sad) 9 июн 2017
    Gaity: 1 Очко 15 июл 2017
  2. bububu

    bububu New Member

    Сообщения:
    1
    Репутация:
    3
    спасибо, хороший подгон. Официальная цена 17тыс. однако...
     
    Последние данные очков репутации:
    romaalupka: 1 Очко 9 фев 2017
    Анастасия28: 1 Очко (+++) 2 мар 2017
    Gaity: 1 Очко 15 июл 2017
  3. Redik3333

    Redik3333 New Member

    Сообщения:
    1
    Репутация:
    0
    По моему этой единственный полный курс по стеку React технологий на русском языке. Единственный минус что переодически выходят новые версии библиотек который могут каардинально менять какие то места но концептуально курс лучший.
     
  4. Коля___32323

    Коля___32323 New Member

    Сообщения:
    1
    Репутация:
    0
    Да, курс хороший
     

Поделиться этой страницей