Назад к вопросам
Middle
5
Был ли у вас опыт работы с современными фронтенд-фреймворками (Vue, React, Svelte)? Что такое реактивность и как она реализована в React?
Компании, где спрашивали
Graveling
Ответ от нейросети
sobes.tech AI
Да, у меня есть опыт работы с современными фронтенд-фреймворками, в частности с React и Vue.
Реактивность — это концепция, при которой интерфейс автоматически обновляется при изменении данных. В React реактивность реализована через состояние (state) и пропсы (props). Когда состояние компонента меняется с помощью функции setState или хуков, React повторно рендерит компонент, обновляя DOM виртуального дерева и затем синхронизируя изменения с реальным DOM.
Пример с React хуком useState:
import React, { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0);
return (
<div>
<p>Счётчик: {count}</p>
<button onClick={() => setCount(count + 1)}>Увеличить</button>
</div>
);
}
Здесь при вызове setCount React понимает, что состояние изменилось, и обновляет интерфейс автоматически.