Виртуальный скролл больших таблиц на React
Виктор Карпов показывает как управляться с таблицами, в которых тысячи строк. Если рисовать их в лоб, то такое количество строк будет сильно тормозить интерфейс, но есть иное решение - виртуальный скролл! И на самом деле в реализации оно достаточно простое. Смотрим видос.
Ссылка на исходный код: https://codepen.io/vitkarpov/pen/OJVrQJP
Ютуб-канал Виктора: http://youtube.com/viktorskarpov
Телеграм-канал Виктора: http://tlinks.run/coding_interviews
⚛️⚛️⚛️
Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me.
Детали тут: https://makeweb.me/course-js-fullstack-developer
Телеграм для связи по курсу: @makewebchatme
🛍 🛍 🛍
Поддержи проект и получи скидку 5% на 1-ю оплату хостинга/домена Reg.ru.
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).
💬 💬 💬
Присоединяйся к нашему Telegram-чату https://t.me/makewebme
Видео Виртуальный скролл больших таблиц на React канала MakeWeb.me
Ссылка на исходный код: https://codepen.io/vitkarpov/pen/OJVrQJP
Ютуб-канал Виктора: http://youtube.com/viktorskarpov
Телеграм-канал Виктора: http://tlinks.run/coding_interviews
⚛️⚛️⚛️
Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me.
Детали тут: https://makeweb.me/course-js-fullstack-developer
Телеграм для связи по курсу: @makewebchatme
🛍 🛍 🛍
Поддержи проект и получи скидку 5% на 1-ю оплату хостинга/домена Reg.ru.
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).
💬 💬 💬
Присоединяйся к нашему Telegram-чату https://t.me/makewebme
Видео Виртуальный скролл больших таблиц на React канала MakeWeb.me
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Про работу командой и разделение ответственности](https://i.ytimg.com/vi/GfV909otCxA/default.jpg)
![Анатомия Bootstrap 4. Урок 3. Основные изменения (часть 2)](https://i.ytimg.com/vi/RGvzm4uRUXM/default.jpg)
![Технология верстки 2021: создание простого лендинга (часть 8)](https://i.ytimg.com/vi/ot92PnoaUfs/default.jpg)
![Даша шКодит (v.0.6): даём Даше инструкции по адаптации лендинга](https://i.ytimg.com/vi/WhYhg5c9fWU/default.jpg)
![Курс Javascript Fullstack разработчик: Урок 2](https://i.ytimg.com/vi/ifcfHH1asgQ/default.jpg)
![create-react-app (ЧАСТЬ 2): разбираем внутренности сборки](https://i.ytimg.com/vi/AUZIwvmWVTk/default.jpg)
![Расширенная технология HTML/CSS-верстки. Урок 4/13](https://i.ytimg.com/vi/7tc_RDFeDXE/default.jpg)
![Курс NestJS (#4): заканчиваем CRUD для юзера, валидируем](https://i.ytimg.com/vi/BWyFr5FvxyM/default.jpg)
![Анатомия Bootstrap 3 для начинающих. Урок 9](https://i.ytimg.com/vi/KKQZRoKcbDQ/default.jpg)
![Курс Javascript Fullstack разработчик: Урок 10](https://i.ytimg.com/vi/QXZdIftxEns/default.jpg)
![Курс Javascript Fullstack разработчик: Урок 7](https://i.ytimg.com/vi/pM93LszlEvo/default.jpg)
![Анатомия Bootstrap 3: сборка с помощью Grunt (часть 2)](https://i.ytimg.com/vi/tX_JthgTjlY/default.jpg)
![Даша шКодит (v.0.4): разбираем верстку следующих 3-х секций](https://i.ytimg.com/vi/kW48L6oTrrg/default.jpg)
![Расширенная технология HTML/CSS-верстки. Урок 12/13](https://i.ytimg.com/vi/vU24zcqDAmU/default.jpg)
![Анатомия Bootstrap 3 для начинающих. Урок 14](https://i.ytimg.com/vi/ib9gwh43G68/default.jpg)
![Анатомия Bootstrap 3 для начинающих. Урок 12](https://i.ytimg.com/vi/ffJlGuRJcSU/default.jpg)
![create-react-app (ЧАСТЬ 5): заключительный рывок по конфигу Webpack](https://i.ytimg.com/vi/h2n6ICisftU/default.jpg)
![Анатомия Bootstrap для начинающих. Урок 10](https://i.ytimg.com/vi/_uOPLQMDAWQ/default.jpg)
![Курс Javascript Fullstack разработчик: Урок 8](https://i.ytimg.com/vi/3gSokdZYU-o/default.jpg)
![Даша шКодит (v.0.7): смотрим адаптацию всех секций лендинга](https://i.ytimg.com/vi/Vzu-VS9Eqwc/default.jpg)
![Анатомия Bootstrap 3: сборка с помощью Grunt (часть 3)](https://i.ytimg.com/vi/W_4XS-R6quE/default.jpg)