Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Дан компонент из 1000 строк, который тормозит. В нем галерея из 100 картинок (10% битых) и большой список элементов. С чего начнешь оптимизацию и с помощью каких средств?
Начну с профилирования производительности React DevTools, затем разделю компонент на меньшие, использую React.memo для предотвращения лишних ре-рендеров, реализую виртуализацию для большого списка, lazy loading для изображений и обработку битых картинок. Также проверю мемоизацию вычислений и оптимизацию обработчиков событий.
Как реализовать связный список в JavaScript?
Связный список можно реализовать с помощью объектов, где каждый элемент хранит значение и ссылку на следующий элемент. Начальный элемент называется head. Для добавления нового элемента нужно создать новый узел и изменить ссылку предыдущего. Такая структура удобна для частых вставок и удалений.
Как правильно хранить список элементов в состоянии компонента?
Список элементов обычно хранится в state в виде массива. При обновлении нельзя изменять массив напрямую, нужно создавать новый. Это позволяет React корректно определить изменения и обновить интерфейс. Для этого используют spread-оператор или методы, возвращающие новый массив.
Рейтинг:
1
Сложность:
9
Рейтинг:
3
Сложность:
6
Рейтинг:
5
Сложность:
5