Ребзя, у меня есть массив данных, которые я получаю в стейтлесс компоненте, я хочу их отсортировать перед мапом и рендером, это ОК если я их отсортирую прямо там (в компоненте), а затем верну уже новый массив и буду его рендерить? Данные могут меняться при изменении стейта и нужно будет опять сортировать, но там всего 10 элементов.

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

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

Ну и + они будут сортироваться в этом случае только при их получении, а не при каждом рендере

Справедливо, спасибки

Ну и + они будут сортироваться в этом случае только при их получении, а не при каждом рендере

Они будут сортироваться всегда

При каких объемах можно увидеть реальную нагрузку от действий в стейтлес компоненте?

Для того что бы этого не было нужен реселект

При каких объемах можно увидеть реальную нагрузку от действий в стейтлес компоненте?

Достаточно больших, если стейт форм в редаксе хранить

Для того что бы этого не было нужен реселект

о, мне про него говорили, никак не мог вспомнить название

сейчас гляну

Ну реселект тебе поможет сортировать один раз а потом будет возвращать отсортированные, которые ты на === можешь проверить

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

Тогда оно

Если в редаксе они поменялись он пересортирует

друзья, а кто-нибудь работал со structor?

>Потому, что некоторые фронты забивают на ФФ, вот им и пришлось выкручиваться. Какая эгоцентричная наивность

Девтулзов нет! v8! Фаербаг из 2005 года.

((шутка))

{{шутка}}

{шутка}

https://github.com/devtools-html/debugger.html ?

Народ кто и как использовал React.PureComponent в купе с i18next ? При этом включается оптимизация вызова render за счёт переопределения shouldComponentUpdate. При этом render будет вызван только при изменении в state. Вопрос: как вы реализуете форсинг обновления надписей, если произведена смена языка?

Первая мысль это подписываться на смену языка i18next и затем вызывать напрямую render(). Нормально ли это?

Подписываться в каждом компоненте на componentDidMount, отписываться от келбека на componentWillUnmount

У себя сделали по аналогии с withRouter из react-router - withTranslations, и складываем их в отдельный Set, в отдельной миддлваре подписываемся на смену языка и делаем форс апдейт по этому сету

Могу позже подробней расписать, если не понятно, щас с телефона

Доброе утро. Есть кто использует jss вместо css? Какие преимущества/недостатки?

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

А я вот как сделал :) Определил класс PureI18NextComponent и определил два метода WillUnmount и DidMount в которых подписываюсь на i18next смену языка. А для того чтобы форсить обновление, использую инжект свойства с таймстемпом :) что приводит к перерисовке. А этот класс наследуется от React.PureComponent

Все остальные классы наследуются это этого нового класса прослойки

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

Кстати а чем собираете чендж логи?

И когда определяете тот момент кода их можно собирать уже?

У нас вот делаются теги после каждой успешной сборки на CI

А я вот как сделал :) Определил класс PureI18NextComponent и определил два метода WillUnmount и DidMount в которых подписываюсь на i18next смену языка. А для того чтобы форсить обновление, использую инжект свойства с таймстемпом :) что приводит к перерисовке. А этот класс наследуется от React.PureComponent

А таймстемп для чего у вас? обновить словарь?

У нас он генерится для пакета с ui компонентами, так что при паблише пакета

Не :) Использую как и обычно {i18next.t("bla bla bla")} включения в HTML без всякиз словарей

свойство стреком и значением timestamp использую для того чтобы Shallow компайр в PureComponent осознал что нужно вызвать render()

А то тут столунулся с тем что если Ричь интерфейс с кучей компонентов на одной странице то это ппц как не рентабельно без PureComponent :) ибо всегда вызывается render() по каждому чиху в setState даже если он не изменился :)

Dmitry то есть просто git log?

а дак вы импортите i18n, у нас прост и i18n даже не нужен, мы в обертке withTranslations возвращаем в компоненту свойство translations - и из него тащим по ключу просто

Хм :) ну зато у Вас нужно наличие некого словаря :) и он наверное в state находится?

Dmitry то есть просто git log?

Только оформленный в маркдауне со сгруппированными коммитами для каждой версии пакета. Ну и коммит меседжы валидируем по формату.

то есть скрипт какой-то есть?

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

Ааа понятно :) ну неплохо! :)

Ну вот тут единственно смущает прокиывание в props обернутой компоненте

а так вроде бы норм :)

то есть скрипт какой-то есть?

Да, все автоматически собирает из лога

а что именно смущает? сделали так, потому что где-то в твитторах майкл джексон писал, что контекст например не але, и юзайте такую тему как в withRouter, не помню, как оно по-научному называется))

Dmitry А вот вы это на CI делаете?

Dmitry а можно пример скрипта посмотреть? с валидацией коммит мессаджей

@iamolegga ясно :) а есть ссылочка? Интересно посмотреть :) если не трудно

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

Трудно скинуть прям все целиком, по сути у нас небольшая обертка над https://github.com/conventional-changelog/conventional-changelog

Dmitry спасибо!

уже было? https://github.com/yarnpkg/yarn/pull/1083#issuecomment-254123422

А поясните для чего сия штука? https://github.com/desklamp-js/desklamp

Возможно, создатели и сами не поняли

Это бывает

react-router+redux без зависимостей

Хз зачем вообще

Подскажите насчет react router, когда оборачиваешь компонент в withRouter и делаешь mapStateToProps, то в props нету params из роутера, как их получить?

Ребята, может уже обсуждали.. mobx-react чем хорош, плох в сравнение с redux?

добрый день, использовал кто reactjs.Net ?

проблема в бандлах с трансформом

по оф. документации BabelBundle

но на этом слове ошибка

Подскажите насчет react router, когда оборачиваешь компонент в withRouter и делаешь mapStateToProps, то в props нету params из роутера, как их получить?

params передаются только в компонент, который ты указываешь в Route

params передаются только в компонент, который ты указываешь в Route

Окей, спасибо

<Route path='/(:filter)' component={TodoApp} /> … const TodoApp = ({params}) => { return ( <div> <AddTodo /> <VisibleTodoList params={params} /> <Footer /> </div> ) };

Как-то вот так

Да, это понятно) Просто думал можно получить в обернутом компоненте через withRouter

Надо тут тоже потусить, я же теперь реактер

РеакТер

mobx-react они вроде как мнеджинг state вынесли отдельно

они пишут что state должен быть синхронен, а в реакте он асинхронный :)

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

если есть ссылки 1, 2, 3 и если быстро нажать в определенном порядке на 1,3,2,1,2,3 то типа у них именно эта последовательность будет

я полный рак в реакте еще

а в реакте типа может быть пропуск цепочки или же вообще несуразица ибо ассинхронность

буду кидать листинги своего codeshit

Да ладно не ты один такой :)))) просто не все могут признаться в этом :)

я его прощупывать только сегодня начал, и то не полностью

Реактер - прям как Рекетир звучит :))))

Реактер - прям как Рекетир звучит :))))

Мне примерно так и отвечают, когда ценник озвучиваю

О, кстати про ценник, есть разница между React и React-Native?

Проси много, говори мало, уходи в другое место быстро

Слушайте, а как сделать, чтобы в react-router к Link применялся активный класс по совпадению не с полным роутом, а его частью? Например, есть роут /catalog/transport/rent/3, меню и пагинация. Ссылка на третью страницу каталога активна по этому роуту, а пункт меню, указывающий на /catalog/transport/rent - нет, хотя по логике должен