Разбираемся с React(Webpack)-ом [Pt. 1 – Manual React Installation (and pain of doing so)]

Что вообще такое React(.js)?

По уверениям создателей это просто быстрая, декларативная библиотека для создания пользовательских интерфейсов, и технически это сущая правда, однако.. насколько я заметил, реакт (как и многие подобные фреймворки) стал практически синонимом SPA (Single Page Application) – одностраничным приложениям, которые загружаются один раз и дальше работают без фактической перезагрузки страницы.

И это большей частью хорошо, не учитывая какой вес дополнительных библиотек и страшных слов тянет за собой эта аббревиатура.

Читать полностью

GraphQL + Apollo + Express = ? [Pt. 1 – Installation adventure]

Заглянув таки пару минут назад на страницу с установкой аполло, я слегка ужаснулся..
тому, насколько давно я с ним не сталкивался.

Я как-то работал на проекте, у которого уже был базовый функционал и работал граф(кюэль? я продолжу называть GraphQL – граф а GraphiQL – графи, так проще, не спрашивай). Это был недолгий опыт, но именно тогда я по-настоящему влюбился в граф (и аполло) и все ждал возможности поиграть с ними еще немного.

Читать полностью

React-Saga “продвинутый” пример.

За время отсутствия записей я какое-то время посвятил созданию небольшого приложения-таймера, логику которого я реализовал практически полностью с помощью саг.

And that was a pleasant walk in a lush park, I must say.

Приступим:

export const types = {
‘start’: ‘StartTimer@Front’,
‘stop’: ‘StopTimer@Front’,
‘pause’: ‘PauseTimer@Front’,
‘resume’: ‘ResumeTimer@Front’,
‘stopped’: ‘TimerStopped@Saga’,
‘timeUpdated’: ‘TimerUpdated@Saga’,
}

Для начала действия: всего пользователь может отправить 4 действия (они помечены сферой @Front[end]) – старт и стоп таймера, чтобы начать его выполнение с самого начала, или пауза-продолжение – чтобы соответсвенно приостановить, без сбрасывания счетчика, и продолжить его выполнение.

Читать полностью

Эффекты и саги. React + Redux-saga. [Pt. 3]

Я должен признаться, я был не совсем откровенен, называя call или put вспомогательными функциями (и насчет еще некоторых моментов, но забудем пока про это).

call, put и многие другие являются фабриками Эффектов (Effect) – специальных объектов, напоминающих действия (action) из redux, только предназначенные для самой библиотеки saga.

Почему эффекты? Я бы сказал та же причина, что и у самого редакса – простота, плоскость и тестируемость – за счет мгновенного возвращения простого объекта эффекты позволяют тестировать только код генератора, без необходимости ожидать выполнения запросов или их подмены.

Читать полностью