Підсумки Налаштування Проєкту React

Ви дійшли до завершення курсу. На цьому етапі ви опанували основи React та дізналися, як створюються і працюють справжні React-додатки.

Ви почали з розуміння що таке React і як компоненти та JSX використовуються для опису інтерфейсів користувача. Далі ви дізналися, як передавати дані за допомогою props, керувати логікою інтерфейсу за допомогою умовного рендерингу та відображати списки даних.

Потім ви дослідили, як React-додатки обробляють зміни з часом за допомогою хуків. Ви навчилися керувати станом за допомогою useState і обробляти побічні ефекти за допомогою useEffect, включаючи отримання даних і реагування на зміни стану.

Ви також дізналися, як стилізувати React-компоненти за допомогою inline-стилів та зовнішнього CSS, а також як обирати прості й практичні підходи до стилізації.

Нарешті, ви створили та запустили реальний React-проєкт за допомогою Vite і дослідили його структуру, зрозумівши, де знаходиться ваш код і як усе взаємодіє.

Що ви вмієте зараз

Після завершення цього курсу ви можете:

1. Створювати функціональні React-компоненти;
2. Використовувати JSX для опису інтерфейсу;
3. Передавати дані за допомогою props;
4. Застосовувати умовний рендеринг;
5. Відображати колекції даних;
6. Керувати станом за допомогою useState;
7. Обробляти побічні ефекти за допомогою useEffect;
8. Стилізувати компоненти за допомогою CSS;
9. Створювати та запускати реальний React-проєкт.

Ці навички є основою майже кожного React-додатку.

Що далі

Тепер ви можете створювати динамічні інтерфейси користувача з React і обробляти взаємодію з користувачем.

Однак ваш додаток поки що працює лише у браузері та не зберігає і не обробляє реальні дані.

Щоб створювати повноцінні додатки, вам потрібен бекенд, який може:

• Обробляти запити;
• Виконувати логіку;
• Зберігати та керувати даними.

Далі ви вивчите Node.js, який дозволяє запускати JavaScript поза браузером і створювати основу для бекенд-додатків.

Ви перейдете від створення інтерфейсів до розробки логіки, що стоїть за ними.