Главная » JavaScript » React.js и Redux руководство на русском.
React.js-Flux-Redux

16.03.2016 by Devjournal

React.js и Redux руководство на русском.

Всех приветствую, друзья. Сегодня наткнулся на интересные гайды по React.js и Redux. Поделюсь с вами ими. Все на русском.

Все гайды выложены на gitbook (можно скачать PDF, ePub, mobi).

React.js для начинающих

В данном курсе затронуты основы «реакта». Результатом будет небольшое приложение, в котором пользователь сможет добавить новость в ленту новостей.

Здесь специально не рассматривается webpack, hot module replacement и так далее. Реакт — это библиотека, значит достаточно просто добавить скрипт на страницу и начать писать на нем.

Чуть подробнее чем остальные темы, в курсе разобрана работа с формой (контролируемые и неконтролируемые компоненты).

В конце курса было описано, почему fluxRedux) были созданы.

Код — ES5. Прямая ссылка на курс (PDF, ePub, mobi).

Redux

В данном курсе наоборот, добавлены webpack и поддержка HMR, разработка становится более комфортной, но, возможно, несколько запутанной на стадии подготовки, если читатель никогда не работал с webpack и babel.

Результатом будет мини-приложение, которое позволить получить фото из VK за разные года, отсортированное по «лайкам». Освещены запросы выполнения ajax-запросов в частности и «как вообще это работает», если вы решили использовать Redux подход.

Для тех, кто только выбирает flux-архитектуру, или вообще еще не работал с react, хочу сказать, что redux подход мне очень симпатизирует. На мой взгляд он хорошо структурирует код и делает его читаемым. Даже если вы откроете «слегка подзабытый» проект, то вам не потребуется много времени на то, чтобы вспомнить что и как работает.

Код — ES2015/ES7. Прямая ссылка на курс (PDF, ePub, mobi).

Так будут полезны статьи Руководство по Flux в картинках и Руководство по Redux в картинках

Всем успешного изучения React.JS и Redux.

 

 

#Flux#javascript#React JS#Redux#Обучение

Добавить комментарий

Your email address will not be published / Required fields are marked *