Здесь группа reactjs, чатик о react-native в соседнем окошке.

Я просто сам с native еще не работал к сожалению (

@reactnative_ru

Привет всем! Подскажите, нормально ли юзать setTimeout вместе с setState? Мне надо сначала закрыть модальное окно, а затем панель. Код такой вот: this.setState({ isBidDeletePopupShown: false }); setTimeout(() => { this.setState({ isTeamDetailsShown: false }); }, 200); может есть какие красивые решения?

а ты без redux/flux пишешь?

redux

только это локальное состояние, я его в глобальный стор не мешаю

ну хз

модальное окно вложено в твой компонент?

я такое обычно в экшны выношу

Set state callback?

модальное окно вложено в твой компонент?

Да

тогда лучше модальному окну отдать onCLose callback

который будет setState для твоего компонента

нет никакой гарантии, что setTimeout будет выполнен чз 200мс

тогда лучше модальному окну отдать onCLose callback

неплохая идея! Спасибо!

а зачем тебе таймаут?

чтобы пользователь видел какую-то красивость или только ради последовательности действий?

а зачем тебе таймаут?

чтобы выполнить действия по порядку. c setTimeout получается эдакая псевдосинхронность. но решение не красивое. поэтому ищу что-то получше

если просто по порядку, то у setState есть второй параметр

это колбэк, который будет вызван после того как твой стейт будет выставлен

и после ререндера

если просто по порядку, то у setState есть второй параметр

понял, спасибо!

void setState( function|object nextState, [function callback] )

а ещё будь внимателен, этот колбэк сработает после того, как будет сделан ререндер с новым стейтом, но реакт не гарантирует тебе, что ререндер будет сделан сразу же после вызова setState. Несколько последовательных setState могут быть собраны вместе. Поэтому если ты внутри колбэка рассчитываешь на какой-то определённый стейт, то не факт, что он не успел измениться

а ещё будь внимателен, этот колбэк сработает после того, как будет сделан ререндер с новым стейтом, но реакт не гарантирует тебе, что ререндер будет сделан сразу же после вызова setState. Несколько последовательных setState могут быть собраны вместе. Поэтому если ты внутри колбэка рассчитываешь на какой-то определённый стейт, то не факт, что он не успел измениться

спасибо за совет!

видиом гиттер, все уже возможные доки посмотрел и css-loader и modules

попробуй альяс на директорию поставить для вебпака

попробуй альяс на директорию поставить для вебпака

Спасибо, решил. Используется css-modules-require-hook, поэтому в нём пришлось пошаманить

+ postcss настройка + resolve.alias

mob.travel, reactjs, постараюсь ответить на вопрос если буду знать ответ, найти ответ если есть проблема, Москва, JavaScript Jobs #whois

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

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

точнее в редьюсере graphs

ты хочешь запустить три редьюсера и чтобы только потом ререндер приложения?

у меня есть дашборд. у каждого графика есть настройки. отдельный график я настроил, теперь мне нужно, конфигурить каждый график отдельно.

Спасибо, решил. Используется css-modules-require-hook, поэтому в нём пришлось пошаманить

А чем стандартный css-loader не катит?

и если у меня есть {graph1, graph2}, то довольно легко все комбинируется

напиши редьюсер, который на вход получает graph или его index в graphs

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

типа combineReducers

combine про другое

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

в редюсере graphs

редьюсер ведь уже знает, с какой структурой данных он работает

на вход он получает только конкретный item или index

graphs он и сам может достать

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

и возвращать должен тоже получается

так не передавай в action graphs

в action да

а state?

так ты можешь из state прочитать graphs

сделать что тебе нужно и вернуть state

т.е. надо возвращать 500 графиков всегда?

покажи код

мы сейчас о разном говорим

не надо делать под каждый график редюсер:)

/gisty const pivotApp = combineReducers({ categories }) const categories = (state = [], action) => { var newState = quickFilter(state, action); switch (action.type) { case 'ADD_CATEGORY': return [...newState, { fieldType: 'CATEGORY', id: action.id, name: action.name, expanded: false, redraw: false, expr: 'icontains', mask: '', items: [] }]; default: return newState } } const quickFilter = (state = {expr: '', mask: ''}, action) => { switch (action.type) { case 'SET_QUICK_FILTER_ITEMS': return setQuickFilter(state, action, true); default: return state } }

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

/gisty function setQuickFilter(state, action, checked) { return state.map((field, index) => { if (field.id==action.fieldId) { return Object.assign({}, field, {redraw: true, items: field.items.map((item, index2) => { switch (action.expr) { case 'icontains': if (item.v.search(action.mask) >= 0) { return Object.assign({}, item, {checked: checked}) } return item; } }) }) } return field }); }

т.е. в любом случае я возвращаю все категории со всеми быстрыми фильтрами

ERROR: S client not available

А в чем проблема то?

элементов много)

хочется только часть возвращать

Куда возвращать? В общий стейт?

ага

или он всегда полный сохраняетс

Так удали все не нужное и верни, раз они тебе не нужны

независимо от моих изменений?

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

т.е. я правильно делаю сейчас

Наверное да, я не особо вчитывался в код

Если твои функции особо не тормозят то не трогай код

спасибо)

Компания Arcusys, в основном java backend — Spring, JavaEE. По работе приходится иметь дело с Liferay. Хочу переквалифицироваться в full stack. Сейчас изучаю React и окружение. #whois

Офтоп в выходной. Аурелия релизнулась, кто в теме - расскажите почему она не нужна?)

аурелия нужна для разведения срачиков

аурелия нужна для разведения срачиков

где пруфы билли?

Офтоп в выходной. Аурелия релизнулась, кто в теме - расскажите почему она не нужна?)

Мне понравилось, все из коробки (как angular), 2-way data-binding , проще чем ember, поддержка es6, typescript и еще некоторых не нужных, использование веб-компонентов. В общем, он годиться для быстрого старта, порог вхождения в него ниже чем в angular/react. Хочу на нем пописать что нибудь, привлекает простотой.

Вышел 15.3.0 добавили React.PureComponent

самое интересное что добавили, это test renderer

самое интересное что добавили, это test renderer

позволяет компоненты преобразоывать в обычные js объекты?)

и тут подробнее http://facebook.github.io/jest/blog/2016/07/27/jest-14.html

#whois Работаю в Seendex, пилю по вечерам и выходным InstructorTut, фуллстек (реакт, рельсы и всё такое в последнее время)

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

А есть саас или осс для конверта гифок в видео на лету?

А есть саас или осс для конверта гифок в видео на лету?

https://www.npmjs.com/package/gif-video

?

да наверное все сводится к $ ffmpeg -f gif -i infile.gif outfile.mp4

чуваки, что юзаете для локализации? кроме громадной либы от Яху

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