Size: a a a

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

2021 March 05

AG

Adel Gilyazeev in React — русскоговорящее сообщество
Adel Gilyazeev
{expand === NExplorerEntityExpandType.dir && ListData ? (
           <FixedSizeList
             outerRef={ref}
             itemCount={ListData.length}
             height={height - 2}
             width={width - 2}
             itemSize={32}
             itemData={ListData}>
             {Item}
           </FixedSizeList>
         ) : opend?.type === NExplorerEntityType.file_empty ? (
           <Typography>Пустой файл</Typography>
         ) : expand === NExplorerEntityExpandType.txt &&
           TxtData &&
           opend!.encoding ? (
           <MyMonacoEditor
             height={height - 2}
             width={width - 2}
             data={TxtData}
             encoding={opend!.encoding}
           />
         ) : null}

Вот с переписыванием в тернарники
мдэ Prettier наоброт условные размотал на отступы
{(expand === NExplorerEntityExpandType.dir && ListData && (
           <FixedSizeList
             outerRef={ref}
             itemCount={ListData.length}
             height={height - 2}
             width={width - 2}
             itemSize={32}
             itemData={ListData}>
             {Item}
           </FixedSizeList>
         )) ||
           (opend?.type === NExplorerEntityType.file_empty && (
             <Typography>Пустой файл</Typography>
           )) ||
           (expand === NExplorerEntityExpandType.txt &&
             TxtData &&
             opend!.encoding && (
               <MyMonacoEditor
                 height={height - 2}
                 width={width - 2}
                 data={TxtData}
                 encoding={opend!.encoding}
               />
             ))}
источник

AG

Adel Gilyazeev in React — русскоговорящее сообщество
писец
источник

ГW

Гор Web-Dev(hope)!... in React — русскоговорящее сообщество
Добрый день.Не подскажите чем можно все это дело провернуть.Есть сайт мобильной игры ` https://xaos.mobi .Так вот я хочу написать бота онлайн, который автоматизирует там то что мне нужно будет.Я пробовал тупо поставить гризманки расширение, и через него делать.Но на ванильном js долго все будет, да и мне надо чтоб была возможность все это дело включать на мобилке.Поэтому все хочу запустить на хостинге.Не подскажите какие языки и фреймворки лучше подойдут для такой задачи?
источник

ГW

Гор Web-Dev(hope)!... in React — русскоговорящее сообщество
В дело пойдет и база данных с mysql
источник

ГW

Гор Web-Dev(hope)!... in React — русскоговорящее сообщество
В основном вся работа будет с DOM ом.
источник

NL

Night Lovell in React — русскоговорящее сообщество
всем привет, через что можно отрисовать файлы типа пдф, пнг и прочее. Они у меня приходят ссылками с микросервиса
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
Всем привет. Недавно поднимал тему в производительности редьюсеров. и тд.  так вот. первую загрузку я смог ускорить с 7600мс до 100,  но в edge кейсах, когда надо изменить около 7000 мест одновременно, цифры остаются в районе 15с на энве( в локальной намного меньше). Есть какая-та возможность заставить реакт рендерить не весь скоуп элементов(7000), а например частично?
источник

TP

Taras Postolyuk in React — русскоговорящее сообщество
Andrey Anelkin
Всем привет. Недавно поднимал тему в производительности редьюсеров. и тд.  так вот. первую загрузку я смог ускорить с 7600мс до 100,  но в edge кейсах, когда надо изменить около 7000 мест одновременно, цифры остаются в районе 15с на энве( в локальной намного меньше). Есть какая-та возможность заставить реакт рендерить не весь скоуп элементов(7000), а например частично?
Show more кнопка)
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
Taras Postolyuk
Show more кнопка)
не получится, юзер видет все элементы одновременно.
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Andrey Anelkin
Всем привет. Недавно поднимал тему в производительности редьюсеров. и тд.  так вот. первую загрузку я смог ускорить с 7600мс до 100,  но в edge кейсах, когда надо изменить около 7000 мест одновременно, цифры остаются в районе 15с на энве( в локальной намного меньше). Есть какая-та возможность заставить реакт рендерить не весь скоуп элементов(7000), а например частично?
У вас пользователь на экране видит одновременно 7000 элементов?
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
Vladimir Klimov
У вас пользователь на экране видит одновременно 7000 элементов?
это карта, да
источник

TP

Taras Postolyuk in React — русскоговорящее сообщество
Andrey Anelkin
не получится, юзер видет все элементы одновременно.
Это что а элементы такие?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Andrey Anelkin
это карта, да
Ну и что?
Вы видели как работают те же гугл карты? Они показывают детализацию в зависимости от масштаба, например)
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Представьте если бы они рендерили все объекты на планете, когда вы на нее смотрите)
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Возможно это ваш вариант
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
Vladimir Klimov
Возможно это ваш вариант
возможно, осталось понять как это реализовать, учитывая, что это все лежит внутри svg
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Andrey Anelkin
возможно, осталось понять как это реализовать, учитывая, что это все лежит внутри svg
Тут уж я понятия не имею
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Это интересная задача
Может это вам и не нужно, но если это карта - я бы задумался. Вдруг элементов станет еще больше, например?
Короче, тут нет уже универсального рецепта, надо исходить из того, что у вас за проект
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Если у вас диспатчится 7000 событий и 7000 раз обновляется стора в очень короткий промежуток времени - может надо подумать о том, чтобы это все батчить в одно большое изменение
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
Vladimir Klimov
Если у вас диспатчится 7000 событий и 7000 раз обновляется стора в очень короткий промежуток времени - может надо подумать о том, чтобы это все батчить в одно большое изменение
вот здесь так и делается, есть отдельный редьюсер, на которые смотрят все ситы. и получается при его изменении, в крайних кейсах( когда резко все элементы фильтруются или наоборот) - это приводит к массовому ререндеру
источник