Prog Academy
RU UA
Веб-розробка

Що таке React?

React — бібліотека JavaScript для побудови користувацьких інтерфейсів. Інтерфейс збирається з компонентів — самостійних блоків зі своєю розміткою та логікою, — а React сам оновлює на екрані лише те, що справді змінилося.

Ключова ідея — декларативність. Розробник описує, як інтерфейс має виглядати за певного стану даних, а не пише покрокові інструкції зі зміни сторінки. Змінився стан — React перерахував різницю й оновив потрібні вузли.

Компонентний підхід добре масштабується: одну картку товару пишуть один раз і перевикористовують по всьому проєкту. React — найзатребуваніша технологія у фронтенд-вакансіях, навколо неї склалася велика екосистема: Next.js, роутинг, менеджери стану, бібліотеки компонентів.

Повʼязані терміни

JavaScript

JavaScript — мова програмування, яка виконується прямо в браузері й робить сторінки інтерактивними: реагує на кліки, надсилає запити до сервера, змінює вміст без перезавантаження. З появою Node.js нею пишуть і серверну частину.

TypeScript

TypeScript — надбудова над JavaScript, яка додає статичні типи. Ви вказуєте, якого типу дані очікує функція чи змінна, а компілятор знаходить невідповідності ще до запуску коду й перетворює вихідник на звичайний JavaScript.

Frontend

Frontend — це частина сайту або застосунку, яка виконується у браузері користувача: верстка, стилі, анімації та вся логіка інтерфейсу. Усе, що людина бачить і з чим взаємодіє, — зона відповідальності фронтенду.

Library

Бібліотека — це набір готового коду, який можна підключити до свого проєкту й використовувати: функції, класи та утиліти для конкретної задачі. Ви самі вирішуєте, коли і де викликати її можливості.

Framework

Фреймворк — це готовий каркас застосунку: він задає структуру проєкту, порядок виконання й бере на себе типові задачі, а розробник дописує код у передбачених місцях. Правила гри встановлює фреймворк, а не ви.