просто при использовании redux и redux-sage, чтобы сделать запрос диспатчится экшн, в саге он отлавливается, делается непосредственно запрос

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

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

и то и то костыли

а в чем суть? есть какой-то компактный пример, где можно понять что происходит?

class Block extends Component { asyncState( partial ) { return new Promise( rs => this.setState( partial, rs ) ) } async method() { const value = 'to state' await this.asyncState({ value }) console.log('done') } }

кто-нибудь redux-sage использует? как вы ошибки запросов показываете?

В стэйте храню и показываю если ошибки есть

В стэйте храню и показываю если ошибки есть

можешь пример привести?

@ZeroBias @lokhmakov спасибо!

можешь пример привести?

К сожалению на работе код, а я щас домой еду, завтра если только. Но суть такова, в саге есть трай кэтч, если приходит ошибка, то через put диспатчится экшн API_REQUEST_ERROR, в аргумент которого передаю ошибка и этот экшн меняет стэйт, а из стэйта в компонент выводится ошибка

можешь пример привести?

Блин, ну вот я привёл пример хранения ошибки в стейте

Ладно, чуваки, какой сейчас самый православный метод рендерить es6 Map и es6 Set в компоненте? Нужен метод типа mapIterable, самому костылять или готовые есть?

Есть такое: Array.from(set).map, и даже такое: [...set].map, но смущает создание промежуточного массива

К сожалению на работе код, а я щас домой еду, завтра если только. Но суть такова, в саге есть трай кэтч, если приходит ошибка, то через put диспатчится экшн API_REQUEST_ERROR, в аргумент которого передаю ошибка и этот экшн меняет стэйт, а из стэйта в компонент выводится ошибка

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

Блин, ну вот я привёл пример хранения ошибки в стейте

с redux-sage так не сделать

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

Сделай компонент Error: export class Error { componentWillMount() { alert(this.props.title) } render() { return null } }

с redux-sage так не сделать

Там нет стейта, в который можно положить информацию о том что произошла ошибка и текст ошибки?

Там нет стейта, в который можно положить информацию о том что произошла ошибка и текст ошибки?

есть - стейт всего приложения... но как это связано с примером что ты привел?

Ты алерт прямо в саге вызвать можешь с текстом ошибки, только как закрытие его обрабатывать я хз, не работал с алертами

алерт блокирует выполнение js кода

если код в браузере..

Так что можно даже не хранить ничего, просто показать и всё

если код в браузере..

А если код не в браузере, то где там будет алерт?

в RN например

Тогда через компонент как я показал

компонент не решает тут проблему ну никак... ну показал я компонент, алерт показался -> потом снова запрос и снова ошибка

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

Смотря какая это логика

если все что мы имеем это данные из глобального стора

Если надо её показать - клади в стейт приложения и показывай

Ну через кэтч ловишь и через пут экшны диспатчишь

Если надо среагировать на закрытие алерта - вешай коллбек и ресагируй - меняй стейт приложения

Если надо повторить запрос несколько раз - повторяй

ну как я и писал выше

показывать алерт -> после закрытия алерта слать экшн, чтобы почистить глобальный стейт от ошибки?

Да

Можно например диспатчить экшн success, который чистить будет

@Dandandandan @artur_viktorovich спасибо

друзья, посоветуйте file input компоненту

друзья, посоветуйте file input компоненту

так там сверстать главное как правило (если надо чтоб как кнопка выглядел и работал норм)

хотелось бы чтобы с superagent в комплекте, или аналог

а какая связь?

Ладно, чуваки, какой сейчас самый православный метод рендерить es6 Map и es6 Set в компоненте? Нужен метод типа mapIterable, самому костылять или готовые есть?

Set и Map — итерируемые сами по себе ?

Думаю слать запрос с картинкой после onChange

Set и Map — итерируемые сами по себе ?

Ага, только мне надо сделать map

Ага, только мне надо сделать map

forEach есть

А если нужно вернуть массив, то это уже не map)

forEach есть

А мне надо сделать map

А если нужно вернуть массив, то это уже не map)

Не обязательно массив, мне можно просто iterable с другими значениями

Шоб в компоненте отрендерить

Ну по хорошему только spread в том или ином виде

Пацаны, а подскажите где можно украсть красивые чарты для данных? Всякие графики, крутёлки, перделки, маталки

Highcharts

Не обязательно массив, мне можно просто iterable с другими значениями

const map = f => list => [...list].map(f) Не оч понимаю мотивы такой реализации iterables в js ?

Highcharts

Ща гляну

Да вот и я про то

Ну пока итераторы кстати всё равно слишком медленные для рендера на лету

Всё равно массив/объект желательно бы

А может знает какие-нибудь хипстерские аля...

ERROR: S client not available

https://dribbble.com/shots/1738453-Xonom

Вот чё-нибудь такое

с redux-sage так не сделать

ридакс мудрец

redux-saga

redux-saga

ридакс шалфей ?

http://prntscr.com/eyby7a

это бан ?

похоже

ну ничего

с мэдмакса там посиди

Боже, да нету у меня фейков

я в том чате вообще ничего не писал

@evgenyrodionov

а разбань человека

если говорит не писал ничего

Готово

спасибо

Есть кто использует React с TypeScript? Скиньте, пожалуйста, пару примеров кода, или актуальных статей.

@typescript_ru

спасибо

Как избавиться от 403 при кросс-доменном запросе?

https://gist.github.com/Razzwan/748687cd977462120fc13ef5bc0f6d0f

https://gist.github.com/Razzwan/748687cd977462120fc13ef5bc0f6d0f

Вот заголовки при рабочей схеме:

И че, отличие от моих только в том, что application/hal+json вместо application/json - это то, что заметил. А есть CORS настройки сервера для этой схемы?

напомните, кто из чата будет на Реакт Амстердам?

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

Как избавиться от 403 при кросс-доменном запросе?

на клиенте "withCredentials: true". А на сервере CORS настроить. Вроде так