Middle

Avez-vous de l'expérience avec des frameworks frontend modernes (Vue, React, Svelte) ? Qu'est-ce que la réactivité et comment est-elle implémentée dans React ?

sobes.tech IA

Réponse de l'IA

Да, у меня есть опыт работы с современными фронтенд-фреймворками, в частности с 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 понимает, что состояние изменилось, и обновляет интерфейс автоматически.

Précédent Suivant