Прошло 2.5 года после публикации первой версии подробного туториала по основам Redux. За это время gitbook насчитал 200 000+ уникальных посетителей.
Под катом подробнее об учебнике и список изменений.
Рубрика «redux» - 7
Основы Redux (текстовый учебник, 2-е издание)
2018-08-23 в 18:52, admin, рубрики: javascript, React, ReactJS, reduxRedux против React Context API
2018-08-06 в 18:28, admin, рубрики: javascript, React, ReactJS, redux, Разработка веб-сайтов
В React 16.3 был добавлен новый Context API. Новый в том смысле, что старый Context API был за кадром, большинство людей либо не знали о его существовании, либо не использовали, потому что документация советовала избегать его использования.
Однако теперь Context API является полноценной частью React, открытой для использования (не так, как раньше, официально).
Читать полностью »
Как организовать общее состояние в react-приложениях без использования библиотек (и зачем нужен mobx)
2018-07-05 в 21:21, admin, рубрики: javascript, mobx, React, ReactJS, reduxCразу небольшой спойлер — организация состояния в mobx ничем не отличается от организации общего состояния без использования mobx на чистом реакте. Ответ на закономерный вопрос зачем тогда собственно этот mobx нужен вы найдете в конце статьи а пока статья будет посвящена вопросу организации состояния в чистом в react-приложении без каких-либо внешних библиотек.
Реакт предоставляет способ хранить и обновлять состояние компонентов используя свойство state на инстансе компонента класса и метод setState. Но тем не менее среди реакт сообщества используются куча дополнительных библиотек и подходов для работы с состоянием (flux, redux, redux-ations, effector, mobx, cerebral куча их). Но можно ли построить достаточно большое приложение с кучей бизнес-логики c большим количеством сущностей и сложными взаимосвязями данных между компонентами используя только setState? Есть ли необходимость в дополнительных библиотеках для работы с состоянием? Давайте разберемся.Читать полностью »
Анонс RamblerFront& #5
2018-06-19 в 14:12, admin, рубрики: css, html, javascript, React, ReactJS, redux, Блог компании Rambler Group, конференции
28 июня на Мансарде Rambler&Co состоится пятый внешний RamblerFront& meetup, на котором наши сотрудники и друзья поделятся прикладными знаниями в области frontend-разработки.
Читать полностью »
Реактивный фронтенд. История о том, как мы снова всё переписали
2018-06-15 в 9:09, admin, рубрики: node.js, react.js, ReactJS, redux, Блог компании Яндекс.Деньги, БЭМ, веб-дизайн, верстальщики, никто не читает теги, Разработка веб-сайтов, рефакторинг, фронтенд, яндекс.деньгиПривет, это снова Катя из Яндекс.Денег. Продолжаю свою историю о том, как я перестала верстать и начала жить. В первой части я рассказала, как меня сюда занесло и чем занимаются наши фронтендеры. Сегодня — про фронтовый стек, откуда там React и куда делся БЭМ.
Спойлер: БЭМ пока никуда не делся ¯_(ツ)_/¯. Погнали!
Внимание: высокая концентрация фронтенда. Много текста, картинок и кода, как обещала.
Читать полностью »
Компоненты высшего порядка с использованием Recompose
2018-06-09 в 11:16, admin, рубрики: javascript, Raiffeisenbank, raiffeisenIT, React, ReactJS, recompose, redux, Блог компании Райффайзенбанк, Разработка веб-сайтов, функциональное программированиеHOC — слишком громкое слово для простого функционального паттерна!
Месяц назад в РайффайзенБанке прошел первый фронтенд-митап, и поскольку я всего за пару дней подготовил презентацию на тему «High order components with functional patterns using Recompose», а информацию о Recompose мельком выцепил в интернете за неделю до доклада, то не успел подготовить никакого справочного материала, и даже не написал своих контактных данных в конце презентации, что было не очень хорошо. И на вопрос: «Где мы можем увидеть ваши слайды?», я замялся и ничего не ответил, за что очень сильно извиняюсь.
Хочу исправить ситуацию и написать справочный материал, а также выпустить цикл статей, в которых подробно расскажу всё то, чему было посвящено моё выступление.
Читать полностью »
Совершенствуем Redux
2018-04-15 в 17:06, admin, рубрики: javascript, javascript library, open source, React, ReactJS, redux, rematchПривет! Представляю вашему вниманию перевод статьи "Redesigning Redux" автора Shawn McKay.
Должно ли управление состоянием вызывать проблемы на сегодняшний день? Интуитивно, разработчики видят скрытую правду: управление состоянием куда сложнее, чем должно быть. В данной статье мы разберем несколько вопросов, которые вы наверняка задавали себе:
- Вам действительно необходима библиотека для управления состоянием?
- Заслужил ли Redux свою популярность? Почему или почему нет?
- Можем ли мы придумать лучшее решение? Если да, то какое?
Необходима ли библиотека для управления состоянием?
Front-end разработчик не тот, кто попросту передвигает пиксели из стороны в сторону; истинное искусство в знании где хранить состояние. Это кажется сложным только на первый взгляд.
Давайте рассмотрим возможности, которые предоставляет нам React:
Разработка игры на React + SVG. Часть 3
2018-04-02 в 15:06, admin, рубрики: express, javascript, node.js, React, ReactJS, redux, socket.io, svgTL;DR: в этих сериях вы узнаете, как заставить React и Redux управлять SVG элементами для создания игры. Полученные в этой серии знания позволят вам создавать анимацию не только для игр. Вы можете найти окончательный вариант исходного кода, разработанного в этой части, на GitHub
(третья часть заключительная. В ней помимо завершения разработки непосредственно игры, рассмотрена авторизация с помощью Auth0 и простой realtime-сервер — прим.переводчика)
Вам действительно нужен Redux?
2018-03-12 в 16:23, admin, рубрики: design patterns, javascript, mvc, React, ReactJS, redux, TypeScript, Совершенный кодНе так давно React позиционировал себя как "V in MVC". После этого коммита маркетинговый текст изменился, но суть осталась той же: React отвечает за отображение, разработчик — за все остальное, то есть, говоря в терминах MVC, за Model и Controller.
Одним из решений для управления Model (состоянием) вашего приложения стал Redux. Его появление мотивировано возросшей сложностью frontend-приложений, с которой не способен справиться MVC.
Главный Технический Императив Разработки ПО — управление сложностью
Redux предлагает управлять сложностью с помощью предсказуемых изменений состояния. Предсказуемость достигается за счет трех фундаментальных принципов:
- состояние всего приложения хранится в одном месте
- единственный способ изменить состояние — отправка Action'ов
- все изменения происходят с помощью чистых функций
Смог ли Redux побороть возросшую сложность и было ли с чем бороться?
Новое API React: Suspense (ру субтитры, с выступления Дэна на JS Conf)
2018-03-10 в 7:50, admin, рубрики: Dan Abramov, javascript, jsconf, React, react 16.3+, ReactJS, redux, suspense
Дэн Абрамов рассказывает о "будущем" API — Suspense. По ходу презентации он описывает две проблемы:
- проблема производительности устройства пользователя;
- проблема его "коннекта" (скорости и стабильности соединения);
которые позволяет решить новое API.
P.S. Видео под катом, не забудьте включить субтитры.