Skip to main content

Що таке React?

ReactJunior~1 хв читання
Запропонувати правку

React - це бібліотека JavaScript для створення користувацьких інтерфейсів (UI). Її розробила компанія Facebook (Meta), і вона використовується для побудови інтерактивних веб-застосунків, де інтерфейс оновлюється динамічно при зміні даних - без перезавантаження сторінки.

Основні особливості React:

  1. Компонентний підхід Застосунок у React будується з дрібних, незалежних компонентів - блоків інтерфейсу (наприклад, кнопка, форма, картка товару). Кожен компонент:
  • має своє стан (state);
  • приймає вхідні дані (props);
  • і описує, як має виглядати UI.
  1. Віртуальний DOM (Virtual DOM) React не змінює реальний DOM напряму. Замість цього він створює віртуальну копію DOM, порівнює її з попередньою версією (diffing) і оновлює лише змінені частини інтерфейсу - це робить React швидким та ефективним.
  2. Односпрямований потік даних (One-way data flow) Дані в React передаються згори вниз - від батьківського компонента до дочірніх через props. Це робить логіку застосунку більш передбачуваною.
  3. JSX (JavaScript XML) Це спеціальний синтаксис, який дозволяє писати HTML-подібний код прямо всередині JavaScript:
javascript
function Hello() { return <h1>Hello, world!</h1>; }

JSX потім перетворюється на звичайні виклики JS React.createElement(). 5. React Hooks (хуки) Сучасний спосіб працювати зі станом та життєвим циклом компонентів без класів:

javascript
import { useState } from "react"; function Counter() { const [count, setCount] = useState(0); return ( <button onClick={() => setCount(count + 1)}> Clicked {count} times </button> ); }

Переваги React:

  • Висока продуктивність (через Virtual DOM)
  • Повторне використання компонентів
  • Велика екосистема (React Router, Redux, Next.js)
  • Активна спільнота та підтримка Meta

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку