Встречается на собеседованиях • сегодня
Можешь ли показать Frontend последнего проекта
Вот пример компонента на React с TypeScript, который я реализовал в последнем проекте - это модальное окно с анимацией:
```tsx
import { useState, useEffect } from 'react';
import styles from './Modal.module.scss';
interface ModalProps {
isOpen: boolean;
onClose: () => void;
children: React.ReactNode;
}
export const Modal = ({ isOpen, onClose, children }: ModalProps) => {
const [isMounted, setIsMounted] = useState(false);
useEffect(() => {
if (isOpen) {
setIsMounted(true);
document.body.style.overflow = 'hidden';
} else {
setTimeout(() => setIsMounted(false), 300);
document.body.style.overflow = '';
}
}, [isOpen]);
if (!isMounted) return null;
return (
);
};
```
Особенности реализации:
- Анимация открытия/закрытия через CSS transitions
- Блокировка скролла body при открытии
- Оптимизированная размонтировка после анимации
- Полная типизация пропсов
- CSS-модули для изоляции стилей

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы