Где можно почитать про создание Redux приложений на русском?

Question

[Максим]

Не знаю, правильно ли это, если что администрация удалит. Искал где можно почитать про redux на русском, и нашел не так много информации.
Внес свой вклад: https://www.gitbook.com/book/maxfarseer/redux-cour...

Буду рад, если укажете на ошибки/недоработки.

Comments

[Александр Прозоров]

Redux конечно ещё торт, но уже не самый вкусный. Посмотрите в сторону Baobab.js (модуль baobab-react). Концепция очень похожа, но структура проекта на порядок чище, проще и понятнее. По сути вы будете иметь дело только компонентами и baobab-экшенами, которые будут менять состояние хранящееся в детерминированном иммутабельном дереве. Великолепный выбор для больших SPA и изоморфных приложений.

[Максим]

Александр Прозоров: интересно, гляну. А redux-saga пробовали?

Answer 1

[aen]

https://github.com/rajdee/redux-in-russian

Comments

[Максим]

ага, он указан в полезных ссылках на главной странице)

Answer 2

[badgoto]

Здравствуйте, спасибо большое Вам за курс! Не знаю уместо ли писать сюда, но другого способа связаться с Вами не нашёл. Начал его проходить и в главе 2.5 заметил что HMR не работает. Выдаёт такую ошибку:

[HMR] Error: Expected the nextReducer to be a function.
    at Object.replaceReducer (eval at <anonymous> (http://localhost:3000/static/bundle.js:1164:2), <anonymous>:204:13)
    at eval (eval at <anonymous> (http://localhost:3000/static/bundle.js:1218:2), <anonymous>:25:19)
    at Object.hotApply [as apply] (http://localhost:3000/static/bundle.js:496:16)
    at cb (eval at <anonymous> (http://localhost:3000/static/bundle.js:1914:2), <anonymous>:52:36)
    at hotUpdateDownloaded (http://localhost:3000/static/bundle.js:312:13)
    at hotAddUpdateChunk (http://localhost:3000/static/bundle.js:284:13)
    at webpackHotUpdateCallback (http://localhost:3000/static/bundle.js:5:12)
    at http://localhost:3000/static/0.916eed0bd9ddd123d37f.hot-update.js:1:1

причём если скачать ваш репо с гитхаба, то ошибка та же. Подскажите пожалуйста в какую тут сторону копать.

Comments

[badgoto]

maxfarseer, я пробовал в configureStore делать такую замену:

store.replaceReducer(nextRootReducer.default) -> store.replaceReducer(nextRootReducer.default)

[badgoto]

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

[Максим]

badgoto: добрый день, спасибо за замечание. Там дальше по курсу HMR будет работать, но здесь и правда мне стоит упомянуть, о том, что не работает. А конкретно, по вашему вопросу: вы все сделали правильно, с .default... Но, видимо это не работает если мы указываем initialState как default параметр. Попробуйте так:

const initialState = {
  name: 'Василий',
  surname: 'Реактов',
  age: 27
}

export default function userstate() {
  return initialState
}

И у вас все получится. Поздравляю, главное, что вы поняли (указав const nextRootReducer = require('../reducers').default), чего от вас хочет HMR - он ожидает, что ему отдадут функцию. А без deafault - импортиловолось не то что нужно.

На всякий случай, прикладываю ссылки с кодом, при котором если вы измените что-то в initialState - у вас все сразу изменится на странице.
файл configureStore.js: pastebin.com/EKCK8F72
файл reducers/index.js: pastebin.com/SHVLzzCB

[badgoto]

maxfarseer: Спасибо за подробный ответ. Буду изучать курс дальше, однажды всё встанет на свои места у меня в голове :)

[AndrewDON]

Огромное спасибо!

[Александр]

userstate надо userState

Answer 3

[Павел Щеглов]

https://habrahabr.ru/company/mailru/blog/303456/