Весь современный стек в одном видео! | Блок сайт на , и FSD

Исходники: 🔸🔸🔸🔸 Платформа с моими курсами 👇🏻 🔸🔸🔸🔸 Мой telegram канал: В этом видео мы напишем браузерное расширение для блокировки сайтов с 0 за 7 часов. Будем использовать самый актуальный на 2023 год стек технологий: Сервер мы реализуем с использованием: , , Prisma, PostgreSQL, Swagger Арминку напишем на: React, , FSD архитектура, @tanstack/react-query, tailwindcss, react-hook-form, orval Расширение напишем на: React, Vite, FSD архитектура, @tanstack/react-query, tailwindcss, orval 00:00:00 0.1 Что в результате получится 00:01:18 0.2 Что будет в видео 00:03:36 0.3 Для кого будет полезно 00:04:24 0.4 Как изучить глубже 00:06:39 1.1 Начинаем делать бек 00:07:54 1.2 Почему 00:11:19 1.3 Как работают декораторы в 00:16:02 1.4 Что такое Prisma 00:19:13 1.5 Инициализация проекта 00:20:53 1.6 Настройка swagger 00:29:03 1.7 Настройка базы данных 00:38:10 1.8 Авторизация на JWT и Cookies 01:20:57 1.9 Валидация 01:23:34 Account module 01:38:14 Block-list module 02:06:55 Архитектурный комментарий 02:16:55 2.1 Начинаем делать фронт 02:17:51 2.2 Почему 02:27:44 2.3 Что такое FSD 02:36:27 2.4 Что такое react-query 02:39:58 2.5 Почему tailwindcss 02:46:59 2.6 Инициализация проекта 02:52:37 2.7 Генерация Api с использованием Orval 03:08:48 2.8 Поключаем react-query 03:13:50 2.9 Разработка Uikit 03:48:55 Фича: Авторизация, регистрация 04:40:31 Фича: Переключение блокировки 04:56:46 Фича: Блок лист 05:34:08 Как изучить FSD глубже 05:34:42 Каюсь 05:37:20 3.1 Начинаем разработку расширения для chrome 05:40:03 3.2 Как устроены chrome расширения 05:43:25 3.3 Как мы будем синхронизировать расширение и админку 05:47:23 3.4 Разработка расширения