Size: a a a

2020 November 18

S

Serhiy in React Kyiv
Serhey Shmyg
Щоб дізнатись що тупе найшвидший спосіб повикидати один за одним групи компонентів. І таким чином можна локаолізувати те що тупить. Якщо звісно з тулзів це не дуже ясно
так і зробив. Викинув просто список продуктів ( продуктів 300+ )( але є і категорії на 1к+ ) і без цього списку все залітало. В самого продукта є картинка ( 150кб+, яка вантажиться через LazyLoad ), пару екшенів ( правда екшени створені в самому ProductItem компоненті, а не створені ссилкою в батьківській компоненті )
источник

SS

Serhey Shmyg in React Kyiv
Serhiy
так і зробив. Викинув просто список продуктів ( продуктів 300+ )( але є і категорії на 1к+ ) і без цього списку все залітало. В самого продукта є картинка ( 150кб+, яка вантажиться через LazyLoad ), пару екшенів ( правда екшени створені в самому ProductItem компоненті, а не створені ссилкою в батьківській компоненті )
Тоді дивись в бік віртуалізації
источник

S

Serhiy in React Kyiv
Добре, буду пробувати. Дякую
источник

SS

Serhey Shmyg in React Kyiv
Serhiy
Добре, буду пробувати. Дякую
https://github.com/petyosi/react-virtuoso

Свіжий але толковий. Підтримує динамічну висоту елементів
источник
2020 November 19

D

Dmitriy S in React Kyiv
Serhiy
насправді, під час тестування перформенсу, більшість часу забирали скріпти ( а це десь 70% )
https://github.com/welldone-software/why-did-you-render поможет найти ненужные ререндеры
источник

S

Serhiy in React Kyiv
пішло в закладки) дякую
источник

A

Alex in React Kyiv
Ребят ещё раз привет
источник

A

Alex in React Kyiv
Чуствую себя Чебурашкой, отгадал все буквы, не смог собрать слово...

Сейчас ломаю голову с этим прогресс баром.

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

A

Alex in React Kyiv
источник

A

Alex in React Kyiv
источник

A

Alex in React Kyiv
а мне нужно сделать как. У меня 28 вопросов ( всего ) и есть счётчик. Вопрос в том, как его совместить 😂
источник

A

Alex in React Kyiv
нужно сделать по идее, (total - completed)% ?
источник

A

Alex in React Kyiv
как-то так?
источник

AR

Alexey Raspopov in React Kyiv
total — общее количество вопросов, completed — количество выполненных. completed/total это твой прогресс
источник

AR

Alexey Raspopov in React Kyiv
Умножаешь прогресс на 100 и получаешь ширину филлера в процентах
источник

М

Мерч in React Kyiv
Vladyslav Fylymonov
ээ ну типа у меня есть два кастомных компонента которым я не могу присвоить ни класс ни ид и этих компонентов в приложении несколько а для каждого нужны свои стили
Модульный цсс
Он вшит в create react app
источник

SG

Stas G in React Kyiv
кто в курсе, можно ли как-то вебшторм/еслинт научить автоматом подставлять все нужные зависимости в хуки?
источник

SG

Stas G in React Kyiv
и еще вопрос – можно ли с помощью whyDidYouRender как-то выяснить из-за чего именно вызвался хук?
источник

SG

Stas G in React Kyiv
потому что вот это не сильно информативно
источник

SG

Stas G in React Kyiv
источник