Встречается на собеседованиях • сегодня

Как реализовывал таблицу с бесконечным scroll

Для реализации бесконечного скролла в таблице обычно используют: 1. Виртуализацию (рендерим только видимые строки) + IntersectionObserver или scroll-событие 2. Подгрузку данных при достижении конца списка Пример на React с IntersectionObserver: ```jsx const TableWithInfiniteScroll = () => { const [data, setData] = useState([]); const [page, setPage] = useState(1); const loaderRef = useRef(null); useEffect(() => { const observer = new IntersectionObserver((entries) => { if (entries[0].isIntersecting) { loadMoreData(); } }); if (loaderRef.current) observer.observe(loaderRef.current); return () => observer.disconnect(); }, []); const loadMoreData = async () => { const newData = await fetchData(page); setData(prev => [...prev, ...newData]); setPage(prev => prev + 1); }; return ( {/* рендер данных */} Loading...
); }; ``` Ключевые моменты: - Оптимизация через виртуализацию для больших данных - Дебаунс scroll-событий - Обработка ошибок загрузки - Сброс состояния при изменении параметров
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы