Хотя чего я, всегда же можно проверить

вот даже не знаю(

а кстати у вебпака нельзя настроить preLoader чтобы менял файл?)

Ну как дойдут руки - проверю)

народ, а есть хорошие альтернативы react-router под redux?

то есть redux-router, например?

redux-router это же обвязка над react-router

да, ща в доки полез - так и есть. Я могу задачу описать. У меня админка, для коллекций хочется query-параметры синкать с фильтром. А для роутов вроде /users/:id/edit максимально прозрачно фетчить данные

react-router-redux какую-то чушь делает, в редьюсер кладет стейт history. То есть из pathname самому надо параметры доставать

у меня react-router-redux, в стор не обязательно лезть, он пробрасывает в пропсы контейнера обьект, в котором есть location и в нем query - собственно query параметры урла

accounts?page=60&per_page=10&sortOrder=asc constructor(params) { super(params); console.log(params.location.query); } == page:"60" per_page:"10" sortOrder:"asc"

обычный роутер тоже пробрасывает location, query и params

и еще history и routerContext в context

> А для роутов вроде /users/:id/edit максимально прозрачно фетчить данные В общем это сделал через onEnter, диспатчу экшн. Не знаю на сколько правильно, но работает

на onEnter фетчитшь данные?

вообще то все actions вешают на component will mount

в ридми реакт роутера предлагают фетчить данные в componentDidMount

ну, все или не все, но инициализационный фетч я вешаю в did mount

ну пускай расскажут, что мне делать, если /users/123 -> /users/456 происходит)

cWRP и сравнивать?) не, спасибо

на то он и компонент, не гоже ему фетчить данные за пределами )

у тебя есть componentWillReceiveProps

там диспатчишь акшин для нового айди

вот я и говорю, зачем мне его сравнивать?)

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

не вижу взаимосвязи, если честно

и завтра роутер поменяешь - это как "завтра с postgresql на mysql пересядешь, и что с jsonb делать?"

ну, это как один из примеров, что первое в голову пришло ) Но вообще как по мне роутер не предназначен для фетча данных для компонента

по мне так это открытый вопрос)

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

а если у вас не 3-4 роута, а 10-20? рутовой компонент превратится в треш

программирование не терпит сослагательных наклонений

а?

эм, а при чем тут вообще рутовый компонент?

Где роуты описаны?

https://mobile.twitter.com/dan_abramov/status/727291046619680770

а какая разница?) пока в 1 файле, будет 20 роутов и это будет проблемой - в разные разнесу

Я чот даун и не пойму

Юзаю redux-thunk

До этого использовал структуру import api from 'axios' ... api.post('/test').then(....)

Сделал прослойку в сторе: import api from './helpers/api' applyMiddleware(thunk.withExtraArgument(api)),

Если делаю содержимое helpers.api export default axios.create({..}) то все работает, но мне туда нужно передавать стейт

И при структуре хелпера export default (data) => { return axios.create({..}) } получаю ошибку api.post not defined

api(data).post('/') так тоже не работает

Короче как передавать правильно данные в экстра аргументы redux-thunk'а, есть примеры?

api(data).post('/') так тоже не работает

этот вариант должен работать, где-то в другом месте смотри, если не пашет

о, я делаю это так

function getUsers(){ return this.get('/users'); } function myAction(){ return (dispatch, getState, {api})=> api::getUsers().then(res=>dispatch...) }

эм

Я чет разрыв шаблона получил

Пришел с магазина, запустил и все работает

какого черта

ПОпробуйте выключить и включить, ага. Часто помогает кстати, изза всяких кешей.

ангулар должен умереть

столько оверхеада

Все бомбит?

Правильно я тоже считаю что ангуляр должен умереть! Вместо него нужно использовать Angular 2

Все бомбит?

очень

ангуляр умер, да здравствует ангуляр (2)

а анг2 можно запустить без часовой настройки тайпскрипта?

типа как первый - вставил скрипт на страницу и полетели?

мне внезапно понравился Vue для маленькой лабуды всякой

ERROR: S client not available

а анг2 можно запустить без часовой настройки тайпскрипта?

Ты getting started видел?

Я имею в виду ТЫ РЕАЛЬНО ВЕРИШЬ, ЧТО АНГУЛАР МОЖНО ЗАПУСТИТЬ ЗА 5 МИНУТ?

я вот и спрашиваю, можно ли:)

ну если какой-нибудь стартер кит юзать

вопрос про MobX: вот деляю я интернет-шоп с тыщами продуктов, и хочу кешировать эти продукты по SKU в объекте стейта. Проблема с геттер ф-ей, делаю вот так вот, но mobx ругается что нельзя изменять стейт во время evaluation, что вроде бы и правильно, но не знаю как обойти. На №19 линии я делаю что-то не так

окей понял, внутри рендера этого нельзя делать

здарова вопрос по fetch и es6 промисам хочу вызывать массив fetch запросов последовательно для этого соединяю цепочку вызовов в reduce export const callPromisesInSeries = (list) => { var p = Promise.resolve(); return list.reduce((pacc, fn) => { return pacc = pacc.then(fn) }, p); } оно работает, но в конечном итоге возвращает респонс только последнего запроса мне же надо в конечном итоге получить ответы всех запросов, в том числе если какие-то зареджектились, продолжить отправление следующего но в результате получить ответы всех, и удачных запросов и зареджершных догадываюсь что перед каждым последующим запросом нужно в промис передавать ответ предыдущих через Promise.all([]), но пока еще играюсь с синтаксисом мб кто-то уже делал такое и скинет правильный вариант?

promise.all не твоё

ну вообще если ты делаешь chain то это не совсем правильно. первый же reject прервет его

@blkmrkt а что за шрифт? Что-то знакомое, но никак не могу вспомнить...

@blkmrkt а что за шрифт? Что-то знакомое, но никак не могу вспомнить...

Mononoki

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

Спасибо! Оказывается, что-то новое

а этот агрегатор как раз вернуть как результат

в then ты сейчас передаешь только обработчик для resolve а тебе нужен обработчик и для reject

именно под этим агрегатором я подразумевал Promise.all([]) как вот тут в последнем примере 2го раздела http://www.datchley.name/promise-patterns-anti-patterns/

Promise.all делает это в паралель же

а ты ходишь последовательно нет?

promise.all не должен заменить reduce он должен запоминать значения предыдущих вызовов

firstThingAsync() .then(function(result1) { return Promise.all([result1, secondThingAsync(result1)]); }) .then(function(results) { // do something with results array: results[0], results[1] }) .catch(function(err){ /* ... */ });

пример с того сайта

Посмотрел 10-15 популярных репо на гитхабе, везде юзают const, let только когда перезаписываем переменную.

Так и надо

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

в скайповском реакт чате сбросили https://goo.gl/LJaLqt

в скайповском реакт чате сбросили https://goo.gl/LJaLqt

эь

хорошее решение

можно и параллельно const promise1 = Promise.resolve(1); const promise2 = Promise.resolve(2); const promise3 = Promise.reject(3); const promise4 = Promise.resolve(4); const promises = [promise1, promise2, promise3, promise4]; Promise.all(promises.map(p => p.catch(_=>_))).then(console.log.bind(console));

жалко нет модульного bluebird)

есть пропозалы с полифиллами для Promise.finally и Promise.try