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

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

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

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

с localStorage там беда, именно из-за meteor-reactive-storage, почему не знаю только, не знаю что это такое вообще

Судля по описанию пакета Adds listener to the storage event to catch changes to storage made in other tabs. Это оно может как раз приводить к такому и судя по профайлеру и приводит

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

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

ну там все на огромном потоке вызовов setState/getState начинает виснуть

твою мать

Хех, @xorrer, спасиб за кейс интересный, забавно

это тебе спасибо огромное!

Есть какой-то способ заставить useSelector дергать новые данные если только они изменились, а не весь стор? У меня есть экшен, который обновляет стор при наведении на элемент, внутри этого элемента используется стор через useSelector хук. Так вот, из-за того что стор обновляется, у меня все компоненты обновляет ссылку селектора и, следовательно, обновляется компонента, которая не работает с той property.использую я functional компоненты. Может ли помочь вынесение той логики в другой редьюсер?

Доброй ночи народ. Я новичек в react`е. Подскажите, как Canvas использовать в компонентах. А то, что ни гуглю... бред какой-то постят...

Доброй ночи народ. Я новичек в react`е. Подскажите, как Canvas использовать в компонентах. А то, что ни гуглю... бред какой-то постят...

Используя ref получить ссылку на dom элемент, а дальше также как если бы не было реакта

ref? ткни носом, как для совсем тупых. У меня почти 2 часа ночи

ref? ткни носом, как для совсем тупых. У меня почти 2 часа ночи

https://www.google.ru/search?q=ref+react первая ссылка на оф доку

ref? ткни носом, как для совсем тупых. У меня почти 2 часа ночи

Здоровье надо беречь всё-таки, хотя дело хозяйское

Денег хочется. )

спасибо за понимание)

Денег хочется. )

Тогда ref’ы и в путь, ну или высокоуровневое что-то типа react-konva

Парни, помогите: как этот прием реализовать на TS?

Парни, помогите: как этот прием реализовать на TS?

children:React.ReactNode в описании типов или о чем вопрос

нет, вопрос в том, что у меня есть компонент, который принимает в пропсе обертку, в которую надо вернуть детей

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

А нет, в вашем случае routerChildren должен быть компонентом, его надо описывать как React.ComponentType

ToggleProps, опишите routerChildren там как я написал выше

А нет, в вашем случае routerChildren должен быть компонентом, его надо описывать как React.ComponentType

это не решает вопрос, он просто уйдет на уровень ниже - в другой компонент

это не решает вопрос, он просто уйдет на уровень ниже - в другой компонент

Ну тогда отказаться от ts, не совсем понимаю тогда чего вы ожидаете?

суть вопроса - как на TS переменную сделать компонентом :)

суть вопроса - как на TS переменную сделать компонентом :)

let foo:React.ComponentType

суть вопроса - как на TS переменную сделать компонентом :)

Объявить переменную как компонент вы хотели сказать, сделать ее компонентом уже не в силах тайпскрипта

это не решает вопрос, он просто уйдет на уровень ниже - в другой компонент

Почему вы не хотите сделать правильно и описать нужный тип в описании ToggleProps не понимаю

привет. какой листнер вешать на обновление history с помощью react-router (интересует что-то нативное)?

привет. какой листнер вешать на обновление history с помощью react-router (интересует что-то нативное)?

history.listen если речь о пакете history, но при чем тут роутер

history.listen если речь о пакете history, но при чем тут роутер

Надо делать эту проверку на каждый переход юзера по сайту

Надо делать эту проверку на каждый переход юзера по сайту

Кажется тут лучше useEffect юзать

Кажется тут лучше useEffect юзать

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

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

Неверный подход тут

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

Решение в лоб хотите ? Оборачивает ваш App корневой в withRouter, внутри него делаете useEffect внутри которого ваша логика, в dependency list помещаете props.location.pathname

Решение в лоб хотите ? Оборачивает ваш App корневой в withRouter, внутри него делаете useEffect внутри которого ваша логика, в dependency list помещаете props.location.pathname

🙈

🙈

Что такое?

Что такое?

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

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

С этого и стоило начинать

С этого и стоило начинать

Есть какое-то крутое решение теперь?)

Есть какое-то крутое решение теперь?)

Не знаю пока :) просто понятен стало что вам действительно надо в итоге

Есть какое-то крутое решение теперь?)

useLayoutEffect с отсутствующим dependency list (не путать с пустым списком!) и внутри проверять размеры и вещать или убирать класс

useLayoutEffect с отсутствующим dependency list (не путать с пустым списком!) и внутри проверять размеры и вещать или убирать класс

Но там надо не через seState конечно иначе будет бесконечный цикл, а просто руками добавить в DoM class

useLayoutEffect с отсутствующим dependency list (не путать с пустым списком!) и внутри проверять размеры и вещать или убирать класс

Вот вроде проще

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

ты это через эффект делаешь ?

ты это через эффект делаешь ?

делал*

Парни, дочерние компоненты бывают разраются до ModalGameLayoutPointAction, в каком направлении копать чтобы с этим бороться?

делал*

а сейчас

а сейчас

ищу слушатели какие можно навешать, popstate не все кейсы покрывает

а что ты делаешь ? Это разве не цсс ?

цсс

а что ты делаешь ? Это разве не цсс ?

да я смотрел, там короче не все мои кейсы покрывает

да я смотрел, там короче не все мои кейсы покрывает

Какие не покрывает

Какие не покрывает

мозилу и когда динамически может высота меняться

мозилу и когда динамически может высота меняться

Дисплей флекс не покрывает?

Дисплей флекс не покрывает?

🤷🏻‍♂️

🤷🏻‍♂️

https://css-tricks.com/couple-takes-sticky-footer/ Ну вот же тебе кидали

https://css-tricks.com/couple-takes-sticky-footer/ Ну вот же тебе кидали

А знаешь почему useEffect может не работать с React.lazy ?

А знаешь почему useEffect может не работать с React.lazy ?

Как это связано?

Как это связано?

ну у меня по изменению локации меняется класс футера. Когда перехожу на роут который подгружен с помощью react.lazy - реакт тупит и не обновляет локацию или тип того

если мне надо по нескольким путям отрисовать одинаковые компоненты, можно ли как-то в path перечислить эти пути?

ну у меня по изменению локации меняется класс футера. Когда перехожу на роут который подгружен с помощью react.lazy - реакт тупит и не обновляет локацию или тип того

Так отталкиваться нужно от локейшн, и в зависимости от урла менять класс. Или я чего то не понял?

Так отталкиваться нужно от локейшн, и в зависимости от урла менять класс. Или я чего то не понял?

ну вот так?

ну вот так?

Квадратные скобки забыл?

Квадратные скобки забыл?

без них тоже работает и ругается

ну вот так?

Массив вторым аргументом

Где взять самый best practice всех практиксов по файловой структуре проекта на реакт?

без них тоже работает и ругается

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

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

Ну не меняется результат, я это тестил)) Пойду цссом ещё раз делать))

Где взять самый best practice всех практиксов по файловой структуре проекта на реакт?

https://reactjs.org/docs/faq-structure.html

Ну не меняется результат, я это тестил)) Пойду цссом ещё раз делать))

Это кастомный хук у тебя, что за ретерн?

Это кастомный хук у тебя, что за ретерн?

Функция, которая делает setState

Функция, которая делает setState

Покажи побольше

Покажи побольше

Эта функция опять таки работает в половине случаев😁

Понятно. Нужно вам в доку реакта.

Жесть