Телеграмм чат группы react

кто скажет. интересует такой нюанс. у меня есть <ul> <li>, который состоит из 1000 <li>. я через useState добавляю один <li> элемент. вопрос. в рендере будет снова прогоняться мап из 1001 элемента что ли? не слишком ли это затратно для такой тривиальной операции?

обычные li перерисовываться не будут, если ничего не изменилось

источник

22:16пожаловаться #7

Roman in React — русскоговорящее сообщество

А знает кто сайт, чтобы делиться компонентами ?

источник

22:19пожаловаться #8

Vladimir Klimov in React — русскоговорящее сообщество

Dmitry

https://codesandbox.io/s/solitary-voice-m3vme?from-embed
пример с селектом
смотри колько задержка в открытии

https://codesandbox.io/s/1000-rj878?file=/src/App.js

Я не знаю, если быть честным, какой там у человека кейс
Так что зависит от кейса

CodeSandbox

1000 - CodeSandbox

1000 by Vklimv using @babel/runtime, react, react-dom, react-scripts

источник

22:21пожаловаться #9

Vladimir Klimov in React — русскоговорящее сообщество

Roman

А знает кто сайт, чтобы делиться компонентами ?

npm

источник

22:21пожаловаться #10

Dmitry in React — русскоговорящее сообщество

Vladimir Klimov

https://codesandbox.io/s/1000-rj878?file=/src/App.js

Я не знаю, если быть честным, какой там у человека кейс
Так что зависит от кейса

CodeSandbox

1000 - CodeSandbox

1000 by Vklimv using @babel/runtime, react, react-dom, react-scripts

сделай имитацию перехода по страницам
и увидишь что вот это все рендерит в 60мс
а страница вообще не пустая
и верстка сложнее
на самом простом конечно

источник

22:25пожаловаться #11

Vladimir Klimov in React — русскоговорящее сообщество

Dmitry

Я же сказал, согласен, что это не показательный пример, надо смотреть на конкретный кейс, что за компоненты и т.п.

источник

22:26пожаловаться #12

Dmitry in React — русскоговорящее сообщество

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

источник

22:27пожаловаться #13

Vladimir Klimov in React — русскоговорящее сообщество

Dmitry

У браузера такое вот есть
https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility

developer.mozilla.org

content-visibility - CSS: Cascading Style Sheets | MDN

The content-visibility CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed.

источник

22:29пожаловаться #14

Abd Al Rhman Basel in React — русскоговорящее сообщество

какой самый лучший онлайн-платежный шлюз в России?