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

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

@evgenyrodionov спам

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

Да, но хранить ли этот текст в redux стейте или обычном react'овом

?

Да, но хранить ли этот текст в redux стейте или обычном react'овом

а это уже зависит от вашего приложения

если там условно 1 контейнер и внутри компоненты и всё, то я не вижу сходу смысла в redux. если это большое SPA, то redux

Да, но хранить ли этот текст в redux стейте или обычном react'овом

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

Ок, значит я все делаю правильно. Спасибо

кстати про стейт. Какой рассово верный способ в компонентах отлавливать вызов какого-то редюсера? Например есть ряд компонентов, в них есть какой-то локальый стейт, который только для этого компонента, в других местах эти данные не нужны, они скорее больше декоративные, поэтому по хорошему выносить их в глобал стор особо смысла нет. Но при этом надо локальный стейт изменять в какой-то ситуации. Например по выбору формы, если форма очень сложная. Или получили что-то из бекенда, надо обновить вьюшки. Напрашивается обсервер шаблон. Видится три варианта на вскидку: 1 - вынести таки все данные в глобал стор и забить. 2 - в компоненте приконнектиться к store и заюзать subscribe(), отслеживать изменения и изменять локальный стейт если надо. Куча костылей. 3 - внутри редюсера тригерить нативный эвент на window например, а в нужных компонентах addEventListenter и ловить событие. Но кажется не совсем реакт подход.

кстати про стейт. Какой рассово верный способ в компонентах отлавливать вызов какого-то редюсера? Например есть ряд компонентов, в них есть какой-то локальый стейт, который только для этого компонента, в других местах эти данные не нужны, они скорее больше декоративные, поэтому по хорошему выносить их в глобал стор особо смысла нет. Но при этом надо локальный стейт изменять в какой-то ситуации. Например по выбору формы, если форма очень сложная. Или получили что-то из бекенда, надо обновить вьюшки. Напрашивается обсервер шаблон. Видится три варианта на вскидку: 1 - вынести таки все данные в глобал стор и забить. 2 - в компоненте приконнектиться к store и заюзать subscribe(), отслеживать изменения и изменять локальный стейт если надо. Куча костылей. 3 - внутри редюсера тригерить нативный эвент на window например, а в нужных компонентах addEventListenter и ловить событие. Но кажется не совсем реакт подход.

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

Уже обсудили? https://github.com/FormidableLabs/freactal

https://formidable.com/blog/2017/infinite-state-composition-with-freactal/?utm_source=forwebdev_tlgrm&utm_medium=announcement&utm_campaign=freactal--luchshee-iz-mirov-redux-i-mobx

Выглядит хорошо. И бойлерплейта минимум

кстати про стейт. Какой рассово верный способ в компонентах отлавливать вызов какого-то редюсера? Например есть ряд компонентов, в них есть какой-то локальый стейт, который только для этого компонента, в других местах эти данные не нужны, они скорее больше декоративные, поэтому по хорошему выносить их в глобал стор особо смысла нет. Но при этом надо локальный стейт изменять в какой-то ситуации. Например по выбору формы, если форма очень сложная. Или получили что-то из бекенда, надо обновить вьюшки. Напрашивается обсервер шаблон. Видится три варианта на вскидку: 1 - вынести таки все данные в глобал стор и забить. 2 - в компоненте приконнектиться к store и заюзать subscribe(), отслеживать изменения и изменять локальный стейт если надо. Куча костылей. 3 - внутри редюсера тригерить нативный эвент на window например, а в нужных компонентах addEventListenter и ловить событие. Но кажется не совсем реакт подход.

Задиспатчился какой-то экшн, каком-то из редьюсеров поставили флажок в стейте, в компонент передаем этот флажок, в componentWillReceiveProps обновляем то что надо

вариант

Пощупал mobx-state-tree. Топчк. Нужно написать пост на медиуме ))) хайпанутся немножко

Топчик, но сырой

Выглядит хорошо. И бойлерплейта минимум

Надо вот с этим сравнивать https://github.com/jumpsuit/jumpsuit/blob/master/README.md

Вменяемые фреймворки вот только сейчас стали появляться.

Да наверно, redux мне со своими action, reducer и т.п. во многих случаях избыточен

Иногда проще обходиться setState + props

Уже обсудили? https://github.com/FormidableLabs/freactal

Когда видешь слово inferno в тегах, становится как то не по себе

И не хочешь юзать для прода

Топчик, но сырой

Там вестрейт норм обновил

И я демку пильнул

Там вестрейт норм обновил

Не все обновил)

Но когда setState вверх прокидываешь из пятого компонента

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

Короче, там если огромные массивы данных он умирает > 5-10к значений

И я демку пильнул

-^

Вот этот вариант мне кажется нормальный, надо будет потестировать на следующем проекте

Вот этот вариант мне кажется нормальный, надо будет потестировать на следующем проекте

Ты про freactal?

Да

Да выглядит хорошо для хактонов, и простых дашбордов

Вот-вот. Что-то простое запилить без заботы о прокидке стейта

кто юзает eslint с jsx-a11y, с обновой такую проблему не ловили?

при чем это вообще не jsx и не react файл))

почти на все импорты ругается... т.е. на самый первый во всех файлах

похоже поломали чета в eslint-plugin-jsx-a11y@5.0.1

да > The airbnb config is not yet compatible with v5 - it requires v4

Весело

Полезная инфа

да > The airbnb config is not yet compatible with v5 - it requires v4

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

что за?

( export PKG=eslint-config-airbnb; npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG@latest" ) в доках airbnb конфига. я как то бампнул пакеты, а у меня еслинт сломался и тоже грешил на eslint-plugin-jsx-a11y

тоже из-за несовместимости

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

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

или же копипаста)

ну уж не использование ООП ради не использования получается =)

Друзья, подскажите, не спал уже 72 часа, мозг тупо отказывается соображать. Как следить за размером контейнера (div). Тоесть, я изменяю окно бразуера, и размер обычного div`a меняется. Мне надо его размер при измении. Че-т с CompDidUpdate, CompShouldUpdate не получается. Впервіе я его получаю и в CompDidMount пишу в локальный стейт. А дальше он не изменяется.

Друзья, подскажите, не спал уже 72 часа, мозг тупо отказывается соображать. Как следить за размером контейнера (div). Тоесть, я изменяю окно бразуера, и размер обычного div`a меняется. Мне надо его размер при измении. Че-т с CompDidUpdate, CompShouldUpdate не получается. Впервіе я его получаю и в CompDidMount пишу в локальный стейт. А дальше он не изменяется.

Тебе надо подписаться на изменения размеров окна браузера window.onresize

Я бы сделал как-то так window.addEventListener('resize', this._handleWindowResize)

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

не жалую я их

Друзья, подскажите, не спал уже 72 часа, мозг тупо отказывается соображать. Как следить за размером контейнера (div). Тоесть, я изменяю окно бразуера, и размер обычного div`a меняется. Мне надо его размер при измении. Че-т с CompDidUpdate, CompShouldUpdate не получается. Впервіе я его получаю и в CompDidMount пишу в локальный стейт. А дальше он не изменяется.

Плюс, возможно MutationObserver умеет

не жалую я их

это почему? изменение размера окна как бы глобальное событие

это почему? изменение размера окна как бы глобальное событие

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

а у тебя другого выхода нет. подписывайся на ивент в компоненте, отписывайся когда componentWillUnmount

а у тебя другого выхода нет. подписывайся на ивент в компоненте, отписывайся когда componentWillUnmount

ну бляяяя .....

ну есть еще один вариант - использовать media queries в css, установаить условие появления/скрытия какого-то элемента по id

ERROR: S client not available

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

но под каптом тот же window)

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

я уже делал это. галимо работает

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

ну или руки у меня кривые

ну или руки у меня кривые

ну хз, у меня отлично работало вкупе с flex версткой

ну хз, у меня отлично работало вкупе с flex версткой

у меня не флекс. у меня семантик гриды.

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

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

Всем спасибо. Прифегачил эвентлистенер на ресайз. Завтра отрефакторю :)

Всем спасибо. Прифегачил эвентлистенер на ресайз. Завтра отрефакторю :)

а я бы как нибудь так сделал https://gist.github.com/savelichalex/291e5c34a6f64a78611b4d8d15e67f4f https://jsfiddle.net/reactjs/69z2wepo/

И под занавес этой темы, я только что выхил за кофейком, а на улице шел снег. 10 мая. снег.пиздец.

И под занавес этой темы, я только что выхил за кофейком, а на улице шел снег. 10 мая. снег.пиздец.

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

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

Я солнце за сегодня видел в 6 утра. Больше не видел.

https://www.instagram.com/p/BT5yqZWFqfU/

это СПб?

ага

я на 1236 км южнее, но у нас таже фигня(((

я на 1236 км южнее, но у нас таже фигня(((

это который город?

Киев

фигасе там тоже

Jest ругается на импорты css внутри тестируемого компонента, кто встречался? как лечить?

https://facebook.github.io/jest/docs/webpack.html#mocking-css-modules

Т.е все импорты с цссами сразу заработают после конфига?

Спасибо!)

есть знатоки yup? как сделать такую валидацию: есть схема { newPassword, confirmPassword, ...rest } если есть значение в newPassword или confirmPassword то их значения должны совпадать

Сергей А что предполагается у меня должно быть в fileMock.js?

У меня там module.exports = {}

спасибо

ох ты ж