Що таке 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>
  );
}