Проще сделать функцию, которая на вход получает state, а на выходе нужная срезка

И не надо ничего в стор добавлять

@bitaru Я просто не использую redux а использую Flux Utils

Но идею понял :)

@bitaru а получается лучше отдельный стор для выделенного элемента сделать?

Друзья, что посоветуете почитать по best practices в react/redux ?

@bitaru а получается лучше отдельный стор для выделенного элемента сделать?

Я бы не стал заморачиваться class Reducer extends Record({ collection: Map, active: void 0 }) { get active() { return const active = this.get('active') & this.getIn('collection', active) } }ну или как-то так

@bitaru Прикольно :) спасибо!

Кто пользуется https://lernajs.io/ ?

Кто пользуется https://lernajs.io/ ?

Я пользуюсь

Народ у меня еше вопрос

Вот я использовал сторонние либы типа jquery и его плагины

Как их мокать или что можно сделать чтобы они подгружались в jsdom в enzyme при написании тестов

при полном рендеринге через mount

Подскажите пожалуйста если у кого был опыт подгрузки этих библиотек

Я пока только нашел способ через mock этих либ

Но вот если либа производит доп действия или генерит HTML то тут моком не обойтись

Взываю к помощи сообщества :)

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

билдится только после первого изменения

При первом запуске чего?

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

Ну наверное там какой то конфиг нужен

А в README к проекту ничего не написано?

@fruitdev

@n0z3r0 ноуп

Мда уж :) печально, ну тогда тебе нужно код смотреть

или посмотри конфиги вебпака

Какие существуют популярные надстройки над fetch? Что-то типа api.post(url) вместо fetch(url, { method: 'post', ... })

может быть даже есть сразу связанное с redux

Думаю лучше использовать реализацию методов в классе WebAPI

и там внутри этих методов заюзать async await и fetch

очень клево получается

это где такое можно подсмотреть?

Какие существуют популярные надстройки над fetch? Что-то типа api.post(url) вместо fetch(url, { method: 'post', ... })

Axiоs

doSomething = (Id) => { const SOME_URL = /api/${Id}/something/; return new Promise((resolve, reject) => { let options = { method: 'POST', credentials: 'include' }; fetch(SOME_URL, options). then(this._status). then(r => r.json()). then(resolve). catch(reject); }); } потом можно использовать так: someMethod = async () => { try { result = await closeAlert(1); //тут операции над твоим результатом } catch(e) { //ловим ошибки } }

вот к примеру так

await делает как бы более простое использование промисов без всяких колбеков

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

как бы

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

Интересно, что fetch у тебя все равно через промисы написан

Ну зато я могу резолвить или не резолвить

про async/await все понятно и там все хорошо, но не хочется для каждого вызова api писать одни и те же опции которые надо передать в fetch()

Блин

Напиши функцию

Ну или две (get и все остальное)

угу, вот я и спрашиваю наверняка кто-то уже написал)

Ну да, я написал себе

Тот случай когда непонятно зачем тянуть какую-то либу

Вот правильно, лучше написать небольшой метод а потом его юзать везде

типа метод обертку

Ибо тогда легче будет fetch заменить на что то другое

в одном место лишь

Никто не сталкивался при тестирование компенентов с помощью avajs + enzyme.mount() + browser-env , c ошибкой document.body.createTextRange is not a function ?

Никто не сталкивался при тестирование компенентов с помощью avajs + enzyme.mount() + browser-env , c ошибкой document.body.createTextRange is not a function ?

ты уверен, что тебе надо маунтить?

Никто не сталкивался при тестирование компенентов с помощью avajs + enzyme.mount() + browser-env , c ошибкой document.body.createTextRange is not a function ?

если тебе нужно маунтить, то тебе нужно jsdom

shallowRender не подошёл чем-то?

ты уверен, что тебе надо маунтить?

Да, мне надо тестить то что, происходит в componentDidMount, но я разобрался уже. Это у мня ошибки лезли из за Codemirror`а в дочернем компоненте. Спасибо

народ, а можно в электрон подтянуть расширение хрома?

если тебе нужно маунтить, то тебе нужно jsdom

Угу, я подключаю jsdom, с помощью https://github.com/lukechilds/browser-env

кто-то знает, как заставить yarn отвечать без мусора в аутпуте?

❯ yarn info react version --no-emoji yarn info v0.17.0 15.4.0-rc.4 Done in 0.41s.

silent/quite какой-нибудь?

ааа

не знаю

спросить в ишью

ребят, как повесить на элемент в рендере событие и использовать простую js функцию?

Minified React error #94; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=94&args[]=onClick&args[]=string for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

<div onClick={yourFunction} /> ?

так, видимо в этом ошибка, да

ну вообще onClick="func"

было

ну так ты строку передал в проп

да, теперь понял, спасибо

я помню кто то линковал ui toolkit от алиэкспресса вроде (ну или просто какие то азиаты поддерживали), может кто нибудь помнит название?

палантир?

это blueprint который?

поищи в чате

ant.design еще, там иероглифы есть, по любому какие то азиаты

ant.design еще, там иероглифы есть, по любому какие то азиаты

либо клаудрэперы

нашел https://github.com/react-component спасибо

Всем привет, а не подскажете, как в реакте сделать двойной цикл? есть массив .length == 9 нужно отобразить в три ряда, но передавать изначальный индекс в JSX

не понял ничего

Подробнее

сделай по компоненту на ряд и передавай каждому по три элемента из массива

какое то реально наркоманское описание задачи

аа, походу до меня тоже дошло

:D глум, я на самом деле туториал просто прохожу про крестики нолики, есть массив длинной 9, нужно показать вот так скрин, сек

Цикл в реакте делается так же как и не в реакте

<div> {[1, 2, 3].map(i => ( <Row key={i}> {[1, 2, 3].map(j => ( <Col key={j}> {someArray[i * j - 1]} </Col> ))} </Row> ))} </div>