Вопросы, которые могут задать на собеседовании Senior React Developer.
Проверьте себя без помощи поисковиков!
❓Как работает React Hooks?
Пример кода:
const App = () => {
const [name, setName] = React.useState('');
React.useEffect(() => {
document.title = `Hello, ${name}`;
}, [name]);
return <input value={name} onChange={(e) => setName(e.target.value)} />;
};⬆️ Здесь useState управляет состоянием, а useEffect обновляет заголовок страницы при изменении name.
❗️Hooks — это функции, которые позволяют использовать состояние и другие возможности React (например, жизненный цикл) в функциональных компонентах. Основные хуки: useState, useEffect, useContext. useState позволяет добавлять состояние в функциональный компонент, а useEffect — выполнять побочные эффекты (например, запросы к API или подписки) после рендеринга. Hooks делают код более компактным и удобным для повторного использования.
Ссылка на документацию React Hooks