Станьте React Розробником

Отримайте розуміння основних принципів React. Ви ознайомитеся з JSX (JavaScript XML), створенням багаторазових UI-компонентів і рендерингом елементів. Додатково буде розглянуто важливість збору даних і умовного рендерингу в застосунках React. Після завершення цього розділу ви матимете ґрунтовну базу ключових понять React, що підготує вас до вивчення більш складних тем у наступних розділах.

Ознайомтеся з різними методами додавання стилів до React-додатків. Ви дізнаєтеся, як застосовувати стилі до окремих компонентів, використовувати динамічні стилі та підтримувати масштабований і зручний для супроводу підхід до стилізації у ваших проєктах.

Потужні можливості сучасної розробки на React. Хуки докорінно змінюють підхід до написання функціональних компонентів, забезпечуючи лаконічний та інтуїтивний спосіб керування станом і виконання побічних ефектів. Натомість, контекст дозволяє передавати дані через дерево компонентів без необхідності проп-дрилінгу. Поєднання хуків і контексту забезпечує ефективне керування станом і спрощене спільне використання даних у React-додатках.

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

Вивчення теоретичних основ таких понять, як URL, домен, протокол, параметри запиту та інші. Усвідомлення важливості маршрутизації у вебзастосунках і причин необхідності використання бібліотеки React Router.

Дізнайтеся, як створити повноцінний React-додаток з нуля з можливістю відображення контенту, що змінюється залежно від URL, використовуючи функціонал React Router.

Дослідження використання рядків запиту для спільного доступу та керування станом застосунку через URL, робота з різними типами даних у параметрах запиту, використання React Router для навігації та обробки ефектів на основі змін URL.

Ознайомтеся з основними концепціями керування станом та дізнайтеся, як використовувати можливості Redux Toolkit. Ми проведемо вас через процес встановлення та допоможемо створити ваш перший проєкт React з Redux Toolkit. Додатково, виконайте завдання для перевірки ваших знань і навичок.

Дослідження інтеграції Redux з додатками React, розгляд основних понять: дії, редуктори та сховище Redux. Містить практичні приклади та пояснення коду для налаштування сховища, створення редукторів і підключення компонентів React за допомогою хуків useSelector та useDispatch.

Поглиблення навичок керування станом. У цьому практичному воркшопі ви вирішуєте реальні завдання та отримуєте практичний досвід використання Redux Toolkit для ефективної розробки застосунків.

Обговорення необхідних попередніх знань перед початком роботи з фреймворком Next.js, очікувань від курсу та проєктів, які будуть створені.

Ми налаштуємо проєкт, розглянемо способи додавання стилів до нашого застосунку та охопимо візуальні аспекти, такі як зображення, шрифти, сторінки й макети.

Дізнайтеся, як легко створювати та керувати новим поданням для вашого застосунку й здійснювати навігацію між усіма сторінками за допомогою вбудованої системи маршрутизації.

Розгортання додатка Next.js за допомогою облікових записів GitHub і Vercel. Додатково — налаштування бази даних для забезпечення додатка необхідними даними.

Розгляд способів отримання та чіткого й ефективного відображення даних для користувача.

Дізнайтеся, як впроваджувати сучасні веб-функції, такі як пагінація, CRUD-операції, глобальний пошук, валідація форм та інше.

Реалізація автентифікації у Next.js.