Екран із функцій, а не з одного HTML-полотна

UI — функція, яка повертає розмітку. Не рядок HTML, а дерево елементів.

Згори приходять props. Своє, що змінюється, — state. Не плутай.

Масив у JSX — `.map`. key — не індекс, якщо список рухається. Ефект — не для розрахунку.

onClick отримує функцію. У форми preventDefault, інакше сторінка спалахне заново.

Значення поля береш зі state і пишеш назад в onChange. Одне джерело правди.

Ефект — мережа, підписка, заголовок вкладки. Не для додавання first + last.

Спільне для двох дітей — живе в батькові. Слот розмітки — children, а не копіпаста.

Fetch в ефекті. Доки вантажиться — окремий стан. Помилка — теж стан, а не alert.