Корзина покупок пуста.
Вы можете выбрать товар из Каталога.
Вы можете выбрать товар из Каталога.
![[Linux Academy] Amazon Aurora – Cloud SQL DB Essentials (Julie Elkins)](https://i1.storeland.net/2/5905/159044738/baec64/linux-academy-amazon-aurora-cloud-sql-db-essentials-julie-elkins.png)
![[LoftSchool] Комплексное обучение Javascript](https://i4.storeland.net/2/5905/159044752/baec64/loftschool-kompleksnoe-obuchenie-javascript.png)
![[javascript.ru] Курс по React.JS. 2017](https://i4.storeland.net/2/5905/159044666/afacdb/javascript-ru-kurs-po-react-js-2017.png "[javascript.ru] Курс по React.JS. 2017")
Бесплатная
Доставка
Доставка
Гарантия
Возврата
Возврата
Онлайн
Поддержка
Поддержка
463 рубля
![[?IMG]](proxy.php?image=http%3A%2F%2Fs015.radikal.ru%2Fi332%2F1706%2F22%2F063cd08713cf.png&hash=a2301a501d0221d3e722709f891b9ba2&v=4)
? ?
Постепенно мы разберем особенности построения SPA с использованием React, будем использовать сторонние компоненты и библиотеки для создания бизнес-логики. Вы в деталях узнаете классическую для React-приложений архитектуру: Unidirectional dataflow, и научитесь строить ее с использованием современной и наиболее популярной реализацией Flux – Redux.js
Курс состоит из 4-х блоков:
- Знакомство с React.?
- Инфраструктура React.?
- Построение приложений с React: Redux.js.?
- React для SPA: react-router и продвинутые API Реакта
В этом блоке мы разберем основные идеи Реакта, научимся писать простые компоненты и узнаем, в чем принципиальное отличие 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 – это большая инфраструктура, которая включает в себя различные бибилиотеки для работы с данными, бизнес-логикой, сторонними компонентами, декораторами и множеством другого полезного кода.
Когда приложения становятся сложнее и в них появляется интерактивность, приходиться задумываться про организацию бизнес-логики, настраивать потоки данных и взаимодействие с сервером. В процесе построения простого новостного приложения мы детально разберем самую популярную библиотеку для одностороннего потока данных, узнаем ее особенности и научимся использовать дев-тулзы.
Разработка single-page applications – одно из основных направлений фронтэнда. Мы разберем, как строить их, используя React. Научимся использовать react-router и продвинутые элементы API React.JS.
Сейчас, говоря 'React', уже редко имеют ввиду саму библиотеку, которая просто позволяет декларативно описывать ваш UI. Сегодня React – это большая инфраструктура, которая включает в себя различные бибилиотеки для работы с данными, бизнес-логикой, сторонними компонентами, декораторами и множеством другого полезного кода.
- Вложенные компоненты в JSX при помощи props.children.
- Оптимизируем наше приложение с shouldComponentUpdate.
- Immutable.js: узнаем как и зачем использовать иммутабельные данные.
- Анимации в React, CSSTransitionGroup.
- Использование сторонних компонентов.
Когда приложения становятся сложнее и в них появляется интерактивность, приходиться задумываться про организацию бизнес-логики, настраивать потоки данных и взаимодействие с сервером. В процесе построения простого новостного приложения мы детально разберем самую популярную библиотеку для одностороннего потока данных, узнаем ее особенности и научимся использовать дев-тулзы.
- Знакомство с Flux – разбор основных элементов и идей.
- Построение компонентов синхронной и асинхрнонной бизнес логики с Flux.
- Ключевые отличия Redux и Flux.
- Особенности Redux.js: функциональный подход, Redux dev tools, возможности для мониторинга и универсальных приложений.
- Store, как иммутабельный отъект: Redux + Immutable.js.
- Actions и Reducers, как чистые функции.
- Настраиваем синхронный поток с Redux, переиспользуем созданные ранее компоненты.
- React-redux для связи компонентов с логикой.
- Side-effects в Redux: создание и использование Middlewares.
- Варианты реализации асинхронных actions в Redux.
Разработка single-page applications – одно из основных направлений фронтэнда. Мы разберем, как строить их, используя React. Научимся использовать react-router и продвинутые элементы API React.JS.
- Зачем нужен роутинг и как он устроен, проектируем структуру приложения.
- Настраиваем вложенные роуты.
- Выбираем и настаиваем history для нашего приложения.
- Используем context – еще один механизм передачи данных.
- Объеденяем react-router и Redux.
- Обзор Advanced API react-router.
- Авторизация в react-router.
![[HTML Academy] Проект на JavaScript «Прогноз погоды»](https://i4.storeland.net/2/5905/159044516/baec64/html-academy-proekt-na-javascript-prognoz-pogody.jpg "[HTML Academy] Проект на JavaScript «Прогноз погоды»")
![[Школа Программирования] PHP. Уровень 2 (Илья Константинов)](https://i4.storeland.net/2/5905/159045100/baec64/shkola-programmirovaniya-php-uroven-2-ilya-konstantinov.jpg "[Школа Программирования] PHP. Уровень 2 (Илья Константинов)")
![[Специалист] Linux (CentOS/Debian). Уровень 2. Администрирование сервисов и сетей](https://i4.storeland.net/2/5907/159065026/baec64/specialist-linux-centos-debian-uroven-2-administrirovanie-servisov-i-setej.jpg "[Специалист] Linux (CentOS/Debian). Уровень 2. Администрирование сервисов и сетей")
![[CreativeMarket] Spring Vibes Collection](https://i4.storeland.net/2/5907/159061926/baec64/creativemarket-spring-vibes-collection.jpg "[CreativeMarket] Spring Vibes Collection")
![[Unity3D] Unity Базовый курс, 2016](/design/no-photo-small.png?design=techno "[Unity3D] Unity Базовый курс, 2016")
![[Udemy] Express js курс 2020 - от нуля до первого сервера на Node js (Роман Акхромиеиев)](https://i3.storeland.net/2/5905/159045303/baec64/udemy-express-js-kurs-2020-ot-nulya-do-pervogo-servera-na-node-js-roman-ahromieiev.jpg "[Udemy] Express js курс 2020 - от нуля до первого сервера на Node js (Роман Акхромиеиев)")
