Вопросы с собеседований для позиций Frontend-разработчиков, тесты, практика от синьора. Читай, чтобы прокачаться перед встречей Подготовка к собесам для Python https://t.me/+zwHb6xqpCyMyMzYy Ссылка для друга на канал https://t.me/+XKrmpFxXdjE3ZmVi
Что такое “middleware” в Redux? Ответ: Middleware в Redux — это промежуточные слои, которые могут перехватывать и обрабатывать действия перед тем, как они будут отправлены в редьюсер. Примером является redux-thunk, который позволяет использовать асинхронные операции. Ставь 🔥если знаешь ответ Если нет — ставь 🤯 ➡️ Подготовка Frontend
Что такое React Context? Ответ: React Context — это механизм, позволяющий передавать данные через дерево компонентов без необходимости вручную передавать props на каждом уровне. Context полезен для глобальных данных, таких как тема, авторизация и настройки. Ставь 🔥если знаешь ответ Если нет — ставь 🤯 ➡️ Подготовка Frontend
➡️ Подготовка Frontend
Что такое мемоизация в React? Ответ: Мемоизация — это процесс кэширования результатов вычислений для того, чтобы не выполнять их повторно с теми же входными данными. В React мемоизация часто используется с помощью React.memo для компонентов и useMemo для вычислений. const MemoizedComponent = React.memo(MyComponent); Ставь 🔥если знаешь ответ Если нет — ставь 🤯 ➡️ Подготовка Frontend
Как обрабатываются события в React? Ответ: События в React обрабатываются через синтетические события, которые абстрагируют реальные события браузера. Например, для обработки клика на кнопку: function handleClick() { console.log('Clicked'); } <button onClick={handleClick}>Click me</button> Ставь 🔥если знаешь ответ Если нет — ставь 🤯 ➡️ Подготовка Frontend
Что такое “pure” компоненты? Ответ: Pure компоненты в React — это компоненты, которые не изменяют свои props и state, и всегда возвращают одинаковый результат при одинаковых входных данных. Они могут быть реализованы с помощью React.PureComponent или функциональных компонентов с использованием React.memo. Ставь 🔥если знаешь ответ Если нет — ставь 🤯 ➡️ Подготовка Frontend
Что такое Higher-Order Component (HOC)? Ответ: HOC — это функция, которая принимает компонент и возвращает новый компонент с добавленной функциональностью. HOC часто используется для повторного использования логики между компонентами. const withAuth = (Component) => { return function AuthHOC(props) { if (!props.isAuthenticated) { return <Redirect to="/login" />; } return <Component {...props} />; }; }; Ставь 🔥если знаешь ответ Если нет — ставь 🤯 ➡️ Подготовка Frontend
Что такое key в списках React? Ответ: key — это уникальный идентификатор для каждого элемента в списке, который помогает React эффективно отслеживать изменения в DOM. key должен быть уникальным для каждого элемента в пределах списка. const items = [1, 2, 3]; return items.map(item => <li key={item}>{item}</li>); Ставь 🔥если знаешь ответ Если нет — ставь 🤯 ➡️ Подготовка Frontend
Что такое Virtual DOM и как он работает? Ответ: Virtual DOM — это абстракция реального DOM, которая используется React для оптимизации производительности. Когда компонент обновляется, React сначала изменяет виртуальный DOM, затем сравнивает его с предыдущей версией и вносит минимальные изменения в реальный DOM. Ставь 🔥если знаешь ответ Если нет — ставь 🤯 ➡️ Подготовка Frontend
Что такое динамический импорт в React? Ответ: Динамический импорт позволяет загружать модули асинхронно. В React это используется для ленивой загрузки компонентов, что улучшает производительность приложения. Пример: const LazyComponent = React.lazy(() => import('./LazyComponent')); Ставь 🔥если знаешь ответ Если нет — ставь 🤯 ➡️ Подготовка Frontend