Пока у этого только абстрактное преимущество что типа это чистый js. Но это чистый js в основном за счёт babel

Тебе всё равно нужно забинживать в конструкторе. Ну или делать method = (args) => something что не всем нравится

да, про стрелочную имела введу

Может быть ты дефолтное значение в редьюсере указал null?

Спасибо за на водку у меня null стояло место массива

В clojurescript конечно поадекватнее это всё

Чистые функции меняют произвольные структуры данных

как сделают pendingWorkPriority, так поменяет в кейсах с анимацией. И я правильно понял, теперь компоненты будут обновляться не в 1 фрейм а ассинхронно, т.е. постепенно?

Всем привет, мб тут есть кто-нибудь, работавший или слышавший, что-нибудь интересное про сравни.ру, предлагают офер, думаю вот

Ой, сори, ответом случайно получилось

Слышал

Офис хороший, ребята адекватные работают

А напомните чатик с вакансиями плз

JavaScript Jobs — вакансии и аналитика Публикуем вакансии и запросы на поиск работы по JavaScript, React.js, Node.js, React Native и пр. Full-time, part-time, remote и разовые подработки. Обмен инсайдами и аналитикой на рынке труда. См. также: @js_ru, @nodejs_ru, @mobile_jobs, @devops_jobs https://telegram.me/javascript_jobs

Сяп

http://i.prntscr.com/d4ac9d9cde5842439604130698fe0082.png

подскажите кто работает на реальных проектах

это нормально дизпатчить в стору прям с функции ?

и запускать саму функцию из компонента где она рендерится

это нормально дизпатчить в стору прям с функции ?

Нет

а как должно быть?

Через экшн

я в принципе понял как работает bindActionCreators

лучше диспатчить евенты из асинхронных экшенов. Посмотри в сторону redux-saga, redux-think

но не получается с асинхронным кодом совместить

но не получается с асинхронным кодом совместить

посмотри redux-thunk

http://i.prntscr.com/f803aaceaa544b14adad65d138b22ee1.png

смотрю документацию с гитхаба

https://github.com/gaearon/redux-thunk

Саги лучше

Но массивнее

http://i.prntscr.com/f803aaceaa544b14adad65d138b22ee1.png

К чему это? Обрати внимание на функцию, которая диспатчится. Она отправляет редьюсеру разные экшены в момент завершения асинхронной функции в зависимости от результата ее выполнения

http://i.prntscr.com/19693ce5b4dc4a8c94a0f07fcca017ce.png

ну вот есть функция

внутри нее переменная streamers

Thunk позволяет диспатчить не готовый экшн, а функцию, которая вернет его, взяв из других экшн криэйторов

где я эту функцию должен запустить ?

она же ничего не возвращает

кроме промиса

http://i.prntscr.com/1d977b5d1e7542ef86a3e0384eabc0fd.png

в компонентдидмаунт я запускают функцию bindActionCreators

Я не могу понять из твоего кода что тебе нужно сделать. Если ты работаешь с редаксом, асинхронный код должен лежать в отдельном экшене, в котором ты через thunk и connect получишь доступ к диспатчеру, которому после получения данных с api можешь скормить нужный action creator. Axios.js - что это за файл вообще, для чего он?

там функция где 2 запроса к апи

http://pastebin.com/P06rtUhV

сортировка итд

ну и промисс.all

просто ты должен вызывать dispatch() с нужным экшеном внутри .then() и/или .catch()

store.dispatch ?

я так и делал

но сказали что не правильный подход

then у меня внутри этой функции

у меня не получается оттуда эти данные вытащить

axios.all([getDota(), getCS()]) .then(axios.spread(function (dota, cs) { let streamers = dota.data.streams.concat(cs.data.streams) streamers.sort(sortByNumber) }))

оп, дота стримы)

https://kreiz0.github.io/projects/godota/

неплохо, но а в чем смысл?

тот же твич

там есть предосмотр стрима

Ты их и не вытащишь, тебе нужно на месте, внутри .then() продиспатчить нужный action. Который запихнет в стор отсортированные данные

ну и промисс.all

пририсовал тебе немного кода ^__^ http://take.ms/WlXxM

Писали бы с использованием recompose и проблем бы не было

тогда зачем мне bindActionCreators ?

если я просто запускаю функцию

с компонента

и она сама дизпатчит в стор

чтобы забиндить getStreamers например, если тебе нужно, чтобы оно по нажатию на кнопку начинало загружать

ну или при маунте какого-то компонента

this.props.actions.getStreamers() ?

вешаю на клик ?

Да

Или вызываешь в маунте

если мне нужно что бы оно автоматически загружалась перед render

componentWillMount () { getStreamers() }

я пишу вот так ?

this.props.actions потерял

Рекомендуют выполнять асинхронные действия в did mount

извиняйте если слишком тупой вопрос

новичок еще

http://i.prntscr.com/a85bf082c6a44569b4346d224ea5046c.png

вот есть функция ggwp

в ней происходит дизпатч

справа функция action creator

getStreamers

как эту функцию ggwp

привазять с acttion creator функцией

там только type

не понятно, зачем тебе ggwp и getStreamers

ggwp делает всю асинхронную работу

и дизпатчит данные

а справа пустая функция привязанная

acttion creator

отличне названия ;)

тебе на помощь могут прийти redux-thunk либо redux-promise-middleware либо redux-saga в зависимости от того что тебе покажется более удобным

у меня установлен redux-thunk

просто есть отдельно функция

в которой все происходит

и ее нужно связать с этим bindActionCreators

Сплит ради сплита

с redux-thunk ты можешь вместо объекта вернуть функцию

а ней сделать вызов ggwp

https://github.com/gaearon/redux-thunk