TypeScript CRUD: GET, POST, PATCH, DELETE для привычек

Пишем полный CRUD для привычек в TypeScript: GET, POST, PATCH, DELETE — всё через реальный API. Типизируем ответы через Generic, тестируем создание и удаление привычек в браузере. Бонус: домашнее задание с багом в Analytics Service (camelCase vs PascalCase).

⏱ Таймкоды:
00:00 — Интро
00:08 — Удаляем mock-данные привычек
00:32 — getAllHabits: GET /habits — получаем все привычки
00:50 — Проверяем endpoint в Swagger
01:12 — Generic типизация: Habit[]
01:45 — getHabitById: GET /habits/:id
02:08 — Формируем динамический URL с ID
02:52 — createHabit: POST /habits с данными
03:14 — Типизация возвращаемого Habit
03:54 — updateHabit: PATCH /habits/:id с data
04:32 — Return для автоматической типизации
04:56 — deleteHabit: DEL /habits/:id
05:28 — DEL вместо delete — зарезервированное слово
06:21 — Тестируем: логинимся и проверяем привычки
07:07 — Пустой массив — mock удалены, API работает
07:21 — Создаём привычку через UI — POST запрос
07:44 — Ответ от сервера: привычка с уникальным ID
08:06 — Удаляем привычку — DELETE запрос по ID
08:37 — Итог: Auth + Habits полностью на реальном API
08:55 — Домашнее задание: Analytics Service (camelCase баг)
09:15 — Модуль 3 завершён, впереди модуль 4 — валидация

👍 Если видео было полезно — ставь лайк и подписывайся!

📱 Соцсети:
Telegram: https://t.me/daonejuniorday
⚡️ Поддержать меня на Boosty: https://boosty.to/sovit

#typescript #crud #api #habits #GET #POST #PATCH #DELETE #generic #webdev #урок #frontend

Видео TypeScript CRUD: GET, POST, PATCH, DELETE для привычек канала Дюжев Алексей. с 0 в IT.