React-virtualized нет, у виртуализированныц списков есть такая проблема что они не работают на препенд

может быть есть какая то альтернатива ?

https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/fundamentals/#cells

я не понял, зачем так делать.

https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/fundamentals/#cells

Просто потому что могут)

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

как ребята из Телеграм так круто сделали. без единого рывка. как по маслу блин

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 мемоизировать

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

Человек задал хороший интересный вопрос, не тупой, а его заклевали

Ну это не всегда можно

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

*испуганный крик мартышки*

очередной блоггер)

ты бы сначала контент запилил там, потом рекламировал

Они там это делают для того чтобы rows мемоизировать

А разве для этого useMemo не подходит?

juinior разработчик))

А разве для этого useMemo не подходит?

Подходит, но можно и так:)

Окей, понял. Спасибо за ответ

может быть есть какая то альтернатива ?

Если нужен именно виртуализированный список,то я не нашел. А инфинит лоадеры вроде были но точно не подскажу

ясно

есть способ писать componentDidMount() внутри функционального компонента? по этой статье ничего не понял в общем надо просто при скролле менять цвет фона хедера

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

$$typeof это примитивнейшая защита от дурака, что бы не отправить с сервера случайно json вместо строки который react может разпознать как дерево нод?

Што?

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

а разве для этого не useRef юзают? Чтоб сохранить данные между рендерами

$$typeof это примитивнейшая защита от дурака, что бы не отправить с сервера случайно json вместо строки который react может разпознать как дерево нод?

Но она не примитивная Там же symbol

Што?

https://github.com/facebook/react/pull/4832

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

а разве для этого не useRef юзают? Чтоб сохранить данные между рендерами

useRef это по сути useState({current: undefined}), можно по разному, каждый как ему удобнее делает, главное понимать что ты делаешь

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

да тут собственно тупо на таймауте

useRef это по сути useState({current: undefined}), можно по разному, каждый как ему удобнее делает, главное понимать что ты делаешь

И что бы остальные понимали, желательно)

есть способ писать componentDidMount() внутри функционального компонента? по этой статье ничего не понял в общем надо просто при скролле менять цвет фона хедера

https://gist.github.com/witalewski/085058ba50cb5734d2c45e04434d431e#file-4-js-diff

есть способ писать componentDidMount() внутри функционального компонента? по этой статье ничего не понял в общем надо просто при скролле менять цвет фона хедера

useEffect({}, [])

useEffect({}, [])

да, но я не понял логику, как там писать componentDidMount?

useEffect({}, [])

useEffect(() => {}, [])

Это дидмаунт, точнее аналог

да, но я не понял логику, как там писать componentDidMount?

Кек

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> ); }

помогите пожалуйста найти утечку памяти. взял 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. открывает сервер, вроде, но там это.

как ts в create-react-app юзать? eject надо делать?

как ts в create-react-app юзать? eject надо делать?

https://create-react-app.dev/docs/adding-typescript#docsNav

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

https://create-react-app.dev/docs/adding-typescript#docsNav

так протсо

а как юзать window объект внутри useEffect? undefined

а как юзать window объект внутри useEffect? undefined

window.

http://www.cyberforum.ru/react-js/thread2502358.html#post13841365 по-дробнее о моей проблеме

window.

document.body

document.

document.

document тоже undefined

ты что-то явно не так делаешь.

document тоже undefined

у тебя не ssr?

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

Что выбрал?

у тебя не ssr?

нет

Что выбрал?

боюсь что не выбрал ничего

ты что-то явно не так делаешь.

а его не надо откуда-то доставать?

А где ты видишь что undefined?

А где ты видишь что undefined?

ну линтер говорит document is not defined

Линтер это просто спеллчекер

Его слушать в последнюю очередь надо. И тебе нужно в eslint rc добавить browser

В окружение

а как вообще сам обработчик вешать? на document.body.window?

Мне кажется вам нужно основы подтянуть

Как минимум научится использовать MDN

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

Ивент луч тебя спросили что ли ?😂

Ивент луч тебя спросили что ли ?😂

Чё за луч?

ну линтер говорит document is not defined

бля

Чё за луч?

Loop

Мне кажется вам нужно основы подтянуть

я это всё читал давно, не всё запоминается же) но согласен, что эта часть гуглится легко, пойду гуглить p.s. не только линтер говорит undefined, страница тоже ломается

А вот это странно

я это всё читал давно, не всё запоминается же) но согласен, что эта часть гуглится легко, пойду гуглить p.s. не только линтер говорит undefined, страница тоже ломается

Этого. Не может. Быт.

Цепочки прототипов ещё б спросили 😬

линтер настроил, он теперь молчит

без document всё заработало, нужно было просто window.addEve... оказывается функция была нерпавильная всем спасибо )

Лол😂

Ивент луч тебя спросили что ли ?😂

$$typeof

$$typeof

Типа заявок он нужен?

Типа заявок он нужен?

Ага

Ну видимо для того чтобы бы понять является ли сущность реакт элементом

Ну видимо для того чтобы бы понять является ли сущность реакт элементом

Вообще то этой такой костыль от xss, который будет в одном случае на миллион