Что такое React?

Где применяется

На React пишут интерфейсы с большим количеством данных и частыми обновлениями: личные кабинеты, админпанели, дашборды, интернет-магазины, чаты. Вокруг него есть стандартный набор инструментов: Next.js для серверного рендеринга и SEO, роутер для навигации, библиотеки для запросов к API и готовые наборы компонентов.

Эти знания полезны и вне веба: React Native работает по тем же принципам для мобильных приложений на iOS и Android. В вакансиях React упоминают чаще любой другой фронтенд-технологии, поэтому его обычно изучают первым после уверенного знания JavaScript.

Пример

Количество товаров в корзине показано в трёх местах: в шапке, на боковой панели и на кнопке оформления. В React это одно значение состояния: когда оно меняется, библиотека сама обновляет все три места, и разных цифр на экране быть не может.

function CartButton({ initial = 0 }) {
  const [count, setCount] = useState(initial);

  return (
    <button onClick={() => setCount(count + 1)}>
      В корзине: {count}
    </button>
  );
}