Про лекцію

01
Встановлення React
02
Як працює JSX
03
Реактивність та Virtual DOM
04
Навіщо потрібен Strict Mode

Опис

Головна мета лекції - навчити основному функціоналу популярної бібліотеки React, щоб після її перегляду будь-яка людина зі знаннями HTML, CSS та JavaScript змогла почати самостійно створювати нескладні додатки. Більш того, ми пояснюємо базу React "простою мовою" не заглиблюючись у складні функції, які на початку навіть не потрібні.

Ми пройдемося по головним хукам React, як-от useState і useEffect, та функціям, як, наприклад, forwardRef і createContext. Розберемося, як їх правильно використовувати, та в яких ситуаціях краще проігнорувати.

Обговоримо, куди зник HTML, що таке JSX та як він насправді виглядає після компіляції. А також розглянемо, як Virtual DOM вміє швидко оновлювати будь-які HTML-елементи в додатку, та як це пов'язано з JSX.

В додаток до основного матеріалу ми розберемо декілька актуальних на сьогодні бібліотек:

React Router - бібліотека, яка дає змогу створювати сторінки у додатках
TailwindCSS - бібліотека для написання стилів, з використанням самих лише класів
TanStack Query - найголовніша бібліотека для React додатків, яка полегшує роботу з реквестами, бо забирає на себе кешування, error handling, статуси тощо

Всю цю теорію ми закріпимо на прикладі створення to-do списку, що дасть нам можливість показати якомога більше функціонала в React, наприклад, темну тему.

Лекція для тих, хто

Володіє основами HTML, CSS та JavaScript
Тільки чув про React та має бажання його опанувати
Хоче познайомитися із базою екосистеми React
Декілька років не писав на React та хоче “освіжити” свої знання
Пише на іншому фреймворці та хоче спробувати себе у React

Відгуки

4.5 / 5 (2)

Данил Ротань

01 липня, 2024

В цілому гарний курс, непогана подача, але, будь ласка, приберіть zoom-и у відео, вони часто дуже недоречні і навіть заважають, краще використовуйте якісь UI прийоми для акцентування уваги на якійсь частині екрану (виділення рамкою, стрілкою, тощо). ...

Відповідь

Данил, дуже дякуємо за фідбек! Прийняли твої зауваження в роботу, під час монтажу наступних лекцій додамо змін до трансляції коду 🤝

lemocream

26 вересня, 2024

дуже сподобався темп подачі матеріалу і пояснення. побажання на майбутнє - якщо це якесь поняття з js (наприклад, хуки життєвого циклу), то називати це типу "ось useEffectб - він як onMounted чи щось подібне". загалом - лекція була дуже цікавою. висн...