React Frontend Developer

Question 1

Объясните концепцию code splitting и lazy loading в React.

Accepted Answer

Code splitting — это техника, позволяющая разбивать приложение на небольшие части, которые загружаются по мере необходимости. Lazy loading (ленивая загрузка) загружает эти части только тогда, когда они действительно нужны, что помогает уменьшить размер начальной загрузки и повышает скорость работы приложения.

Question 2

Как работает асинхронная загрузка компонентов (code splitting) в React?

Accepted Answer

Асинхронная загрузка компонентов в React, или code splitting, позволяет загружать компоненты по мере необходимости, а не загружать весь код приложения сразу. Это достигается с помощью динамического импорта и функции React.lazy, что позволяет значительно уменьшить начальный размер бандла и ускорить загрузку страницы.

Question 3

Что такое bundle splitting и как его настроить?

Accepted Answer

Bundle splitting — это техника, позволяющая разделить код вашего приложения на более мелкие части, которые загружаются по мере необходимости. Это снижает время загрузки начального бандла и улучшает производительность. В React вы можете использовать React.lazy() и Suspense для динамической загрузки компонентов, а также инструменты, такие как Webpack, для настройки бандл-сплитинга.

Question 4

Что такое code splitting в Webpack?

Accepted Answer

Code splitting (разделение кода) — это техника, которая позволяет разбивать приложение на несколько файлов (чанков). Это сокращает начальное время загрузки, так как только необходимые части загружаются на страницу.

Question 5

Что такое Split Queries? Как они решают проблему производительности при загрузке связанных сущностей?

Accepted Answer

Split Queries — это когда EFCore вместо одного SELECT с JOIN, который возвращает дублируемые строки, выполняет несколько простых запросов: сначала основная сущность, потом связанные коллекции через IN. Это снижает объём передаваемых данных и память, устраняя Cartesian explosion при загрузке Include.

Question 6

Чем отличается split, reverse, join и на каких типах данных они работают?

Accepted Answer

split — это метод строки: он превращает строку в массив по разделителю. reverse — метод массива: он переворачивает массив на месте. join — метод массива: он склеивает элементы массива в строку с разделителем. Обычно эти методы используют вместе, например, чтобы развернуть строку: str.split('').reverse().join('').

Вопросы React Frontend Developer