Timoschenko
я уже считай написал, но в момент когда идет ререндер, оно скатывается в низ на пол секи и только потом уже корректирую программно. и это видно, прям сильно, хоть и бысто
Timoschenko
как ребята из Телеграм так круто сделали. без единого рывка. как по маслу блин
Mikhail
https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/fundamentals/#cells
А потом удивляемся, почему современный веб тормозит
Саша
А потом удивляемся, почему современный веб тормозит
Угу, ведь я так понял внутри реакта очередь из хуков и он их как-то обрабатывает, и чем больше хуков, тем больше проверок. Не зря же запрещено в рантайме менять их кол-во в компоненте
Александр
https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/fundamentals/#cells
Они там это делают для того чтобы rows мемоизировать
Александр
Чтобы он указывал всегда на одну структуру данных, а не на разные которые бы динамически генерились при каждом рендере, все там норм с кодом
Александр
Человек задал хороший интересный вопрос, не тупой, а его заклевали
Александр
Ну это не всегда можно
Александр
Возможно, я не смотрел детально, просто дал одно из разумных объяснений зачем они так сделали
Igor
*испуганный крик мартышки*
Igor
очередной блоггер)
Igor
ты бы сначала контент запилил там, потом рекламировал
Andrew
Они там это делают для того чтобы rows мемоизировать
А разве для этого useMemo не подходит?
Igor
juinior разработчик))
Александр
А разве для этого useMemo не подходит?
Подходит, но можно и так:)
Andrew
Окей, понял. Спасибо за ответ
Alexander
может быть есть какая то альтернатива ?
Если нужен именно виртуализированный список,то я не нашел. А инфинит лоадеры вроде были но точно не подскажу
Timoschenko
ясно
Zaff
есть способ писать componentDidMount() внутри функционального компонента? по этой статье ничего не понял в общем надо просто при скролле менять цвет фона хедера
i
Может мне кто-нибудь объяснить почему список объектов в родителе обновляется, объект в дочернем компоненте обновляется, но повторный рендер не происходит у дочер компонента
Anonymous
Што?
https://github.com/facebook/react/pull/4832
Denys
Доброго времени суток. Есть таблица в виде сетки, рандомно одна ячейка, выделяет синим цветом, надо узнать успел ли пользователь нажать на эту ячейку за некоторое заданое время, кто подскажет какие методы для определения именно этого условия есть
Александр
а разве для этого не useRef юзают? Чтоб сохранить данные между рендерами
useRef это по сути useState({current: undefined}), можно по разному, каждый как ему удобнее делает, главное понимать что ты делаешь
Zaff
useEffect({}, [])
да, но я не понял логику, как там писать componentDidMount?
Andrew
useEffect({}, [])
useEffect(() => {}, [])
Саша
Это дидмаунт, точнее аналог
Andrew
import React, { useState, useEffect } from 'react'; function Example() { const [count, setCount] = useState(0); // Similar to componentDidMount and componentDidUpdate: useEffect(() => { // Update the document title using the browser API document.title = `You clicked ${count} times`; }, []); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); }
Oleg
помогите пожалуйста найти утечку памяти. взял webpack-bundle-analyzer. пытался запустить так - react-app-env build --stats-json выдаёт утечку. пробовал покопаться в проекте, удалил несколько неиспользуемых пакетов. всё равно. запускал webpack-bundle-analyzer stats.json, но ругается - Error parsing bundle asset "/home/user/work/projects/front/main.js": no such file. No bundles were parsed. Analyzer will show only original module sizes from stats file. открывает сервер, вроде, но там это.
MVD
как ts в create-react-app юзать? eject надо делать?
Oleg
как ts в create-react-app юзать? eject надо делать?
https://create-react-app.dev/docs/adding-typescript#docsNav
Anonymous
Сегодня значит собеседование проходил по реакту, в какой то ещё один аутсорс, и что-то мне стало казаться что на собеседования страшивают что-то типа "стоит два стула на одном хуи дроченые на втором пики точеные..." И это на лида проекта, я в полном конфузе ... Из разряда это никто не знает и не использует но я все равно спрошу...
Zaff
а как юзать window объект внутри useEffect? undefined
i
http://www.cyberforum.ru/react-js/thread2502358.html#post13841365 по-дробнее о моей проблеме
MVD
document.body
Oleg
document.
Zaff
document.
document тоже undefined
Oleg
ты что-то явно не так делаешь.
MVD
document тоже undefined
у тебя не ssr?
Anonymous
Что выбрал?
боюсь что не выбрал ничего
Zaff
ты что-то явно не так делаешь.
а его не надо откуда-то доставать?
Eugene
А где ты видишь что undefined?
Zaff
А где ты видишь что undefined?
ну линтер говорит document is not defined
Саша
Линтер это просто спеллчекер
Саша
Его слушать в последнюю очередь надо. И тебе нужно в eslint rc добавить browser
Саша
В окружение
Zaff
а как вообще сам обработчик вешать? на document.body.window?
Саша
Мне кажется вам нужно основы подтянуть
Саша
Как минимум научится использовать MDN
Zaff
Мне кажется вам нужно основы подтянуть
я это всё читал давно, не всё запоминается же) но согласен, что эта часть гуглится легко, пойду гуглить p.s. не только линтер говорит undefined, страница тоже ломается
Саша
А вот это странно
Looch
Цепочки прототипов ещё б спросили 😬
Zaff
линтер настроил, он теперь молчит
Zaff
без document всё заработало, нужно было просто window.addEve... оказывается функция была нерпавильная всем спасибо )
Looch
Лол😂
Looch
$$typeof
Типа заявок он нужен?
Looch
Ну видимо для того чтобы бы понять является ли сущность реакт элементом
Anonymous
Ну видимо для того чтобы бы понять является ли сущность реакт элементом
Вообще то этой такой костыль от xss, который будет в одном случае на миллион