поэтому вопрос такой где это сделать ? прям в компоненте?

выстреливать типа экшн?

что то дично толку от мапы ? id ни о чем не говорят

?ты что-то делаешь не так

такое ощущение что взял масив в цикле и засунул в обьект и ключи индекс

это мне с сервера приходит )

тобишь бекенд отдает, а мне это нужно соединить и отобразить

тобишь бекенд отдает, а мне это нужно соединить и отобразить

Просто сделай из словаря Map

И забирай что тебе нужно

Или объект с ключом - id

господа, одно время тут анонсировали библиотеку для преодоления бойлерплейта redux-thunk, написанную каким-то русским кулибиным

дайте ссыль, пожалуйста

?

Это? https://gist.github.com/artalar/f99c5bd7ef96553286c060785104b215

Или это? https://github.com/artalar/redux-act-dispatch-free

из трёх букв

о, act наверное

https://github.com/Vnkitaev/realt - эта норм

Хех, а мы ее выпилили, наоборот

сова вроде либу писал

есть у кого его гит?

возможно это: https://github.com/atomixinteractions/redux-symbiote

+

Ребзи а че там новый алгоритм для sort завезут в v8 ? ?

уже

сортом пользуюсь раз в годв среднем, буквально

+

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

сортом пользуюсь раз в годв среднем, буквально

Сам пишешь что ли ?

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

https://github.com/sergeysova/redux-execue

Сам пишешь что ли ?

Да просто не было необходимости

Ну вообще да, на фронте нет особо смысла

Ну для ноды думаю это будет большой +

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

Ну вообще да, на фронте нет особо смысла

Когда в гриде сортировка на клиенте, к примеру

Когда в гриде сортировка на клиенте, к примеру

Чаще всего у тебя там еще и пагинация

Тогда нет смысла чет сортировать на фронте

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

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

лучше говорить что вместо редакса, а не "проект без редакса" :))

лучше говорить что вместо редакса, а не "проект без редакса" :))

а, так meteor там

Чаще всего у тебя там еще и пагинация

Не всегда нужна пагинация Тут можно вечно продолжать) Суть в том, что есть такой кейс и он не самый редкий

Не всегда нужна пагинация Тут можно вечно продолжать) Суть в том, что есть такой кейс и он не самый редкий

Соре, у меня обычно данных много, я б с удовольствием делал бы на фронте сортировки,но на массиве в 10к оно будет безбожно лагать

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

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

react-select, rc-select

ну полюбому ж есть всеми проверенные. как Alamofire для работы с http на swift

react-select, rc-select

угу щас почитаю, спсб

Всем привет. Может кто-то сможет подсказать - задача «Half-star rating system» рендерю, например, 5 дивов, в каждом из которых по 2 спана на каждый спан висит событие onmouseover которое возвращает индексы этих спанов (если наведение на левом спане => index + 0.5, на правом => index + 1) как мне динамически закрашивать все спаны нужного индекса? т.е. грубо говоря правильная реализация from - to

Уважаемые господа, посоветуйте компонент для модалок

а ещё вопрос: есть компонент в нём вызывается экшн , в котором срабатывает сервис "login", обрабатывается ответ сервера и диспатчится экшн, изменяются (может быть) данные в сторе. а что если я ещё хочу и в самом компоненте отреагировать на ответ сервера.. допустим вызвать переходу по роуту, или показать окно, что "логин прошёл успешно", сделать редирект или что-то в этом духе.. ?

то есть. page -> action -> service (http request - responce) -> dispatch -> store

сделай стейт с флагом и меняй флаг после выполнения экшна @alexandertorn

@sergeysova расскажи в чем основные отличия https://github.com/sergeysova/redux-execue от redux-think? я пока только логгер заметил, что там еще расскажи?

и почему execue, а не execute?

сделай стейт с флагом и меняй флаг после выполнения экшна @alexandertorn

не совсем понял

просто обычно сервис ничего не ретурнит в компонент

не совсем понял

тебе надо просто после выполнения?

@sergeysova расскажи в чем основные отличия https://github.com/sergeysova/redux-execue от redux-think? я пока только логгер заметил, что там еще расскажи?

Способ вызова санков отличается

сделай в стейте флаг типа loggedIn: false, когда вызываешь метод login, после него поменяй на true. В компоненте вызови модалку по этому флагу например если она тебе нужна

Способ вызова санков отличается

Тестирование проще организовать

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

сделай в стейте флаг типа loggedIn: false, когда вызываешь метод login, после него поменяй на true. В компоненте вызови модалку по этому флагу например если она тебе нужна

хм, мне нужно не просто поменять, а важно результат выполнения

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

чат, подскажите пожалуйста. использую https://react-table.js.org, строю древовидную таблицу, с теоретически бесконейчной вложеностью) использую конечно же рекурсию. но возникает проблема, если данные в таблице меняются, то все открытые пункты закрываются. как быть? Можно конечно контролировать состояние таблицы руками, но кажется что с рекурсивно строящейся таблицей это будет достаточно больно

https://github.com/Vnkitaev/realt - эта норм

Ахахахахаххахахаха

Извините

ERROR: S client not available

Кто-нибудь подскажет как отписаться от событий при переходе по меню на другой урл? componentWillUnmount в этом случае не прокатывает :( componentDidMount() { document.addEventListener('keydown', (e) => { if ((e.which || e.keyCode) === 116) { e.preventDefault(); return null; }; }); }

@sergeysova расскажи в чем основные отличия https://github.com/sergeysova/redux-execue от redux-think? я пока только логгер заметил, что там еще расскажи?

функциональный DI

Ахахахахаххахахаха

?

Кто-нибудь подскажет как отписаться от событий при переходе по меню на другой урл? componentWillUnmount в этом случае не прокатывает :( componentDidMount() { document.addEventListener('keydown', (e) => { if ((e.which || e.keyCode) === 116) { e.preventDefault(); return null; }; }); }

removeEventListener

removeEventListener

Да это понятно, я имею ввиду в какой момент писать

componentWillUnmount в этом случае не прокатывает :(

componentWillUnmount в этом случае не прокатывает :(

а как ты пишешь

Кто-нибудь подскажет как отписаться от событий при переходе по меню на другой урл? componentWillUnmount в этом случае не прокатывает :( componentDidMount() { document.addEventListener('keydown', (e) => { if ((e.which || e.keyCode) === 116) { e.preventDefault(); return null; }; }); }

Вынести в отдельную функцию и отписывать событие с листенером в componentWillUnmount

функциональный DI

DI?

а как ты пишешь

Вот и пытаюсь писат ьв willUnmount

Вот и пытаюсь писат ьв willUnmount

покажи код полностью

omg

Или это в отдельную функцию вынести? :)

в отдельную конечно

Это у тебя две разные функции

открой mdn и посмотри что надо передавать туда

Сорян ))))

Спасибо :)

(() => null) === (() => null) // false

это хорошо у тебя обработчик там не на 200 строк

Твой кэп)

а то было бы веселее гораздо

DI?

ну камон

Кто-нибудь подскажет как отписаться от событий при переходе по меню на другой урл? componentWillUnmount в этом случае не прокатывает :( componentDidMount() { document.addEventListener('keydown', (e) => { if ((e.which || e.keyCode) === 116) { e.preventDefault(); return null; }; }); }

componentDidMount() { document.addEventListener('click', this.handleClickOutside, true); } componentWillUnmount() { document.removeEventListener('click', this.handleClickOutside, true); } handleClickOutside = (event: any) => { const domNode = findDOMNode(this); if ((!domNode || !domNode.contains(event.target))) { this.setState({ ...this.state, open: false }); } }

это хорошо у тебя обработчик там не на 200 строк

Аха-ха)))

депенденси инжекшен

ну камон

я только проснулся и пока еще плохо вдупляю в сокращения :))

componentDidMount() { document.addEventListener('click', this.handleClickOutside, true); } componentWillUnmount() { document.removeEventListener('click', this.handleClickOutside, true); } handleClickOutside = (event: any) => { const domNode = findDOMNode(this); if ((!domNode || !domNode.contains(event.target))) { this.setState({ ...this.state, open: false }); } }

Спасибо всем, уже понял :)

депенденси инжекшен

ну DI так то и в redux-think есть

По поводу редакса