Подробнее о сообществе:
https://paromovevg.ru/evolution-community
Карта контента:
https://evocomm.space/map
Мой telegram канал:
https://t.me/cleanfrontend
Исходники:
https://github.com/clean-frontend/miro-code
Материалы:
https://github.com/clean-frontend/miro-materials
Evolution design:
https://ed.evocomm.space/guide/
create-gstore:
https://evo-community.github.io/use-gstate/
В этом видео начнём разработку копии Miro с нуля.
Посмотрим как делать сложный Front-end в 2025 правильно!
Будем использовать: React, Vite, tailwindcss, shadcn/ui, msw, openapi, tanstack-query, Evolution Design, create-gstore.
00:00:00 - Что будет в видео
00:05:20 - 1. Базовая структура проекта
00:13:36 - 2. Настройка eslint
00:28:47 - 3. react-router-dom
00:47:16 - 4. config
00:53:47 - 5. api, openapi-typescript, react-query, msw
01:23:37 - 6. shadcn, tailwidncss
01:36:46 - 7. Форма входа и регистрации
02:19:50 - 8.1 Моки работы с сессией
02:40:45 - 8.2 access / refresh token
03:20:27 - 9.1 Вайбкодим список досок
03:41:25 - 9.2 Рефакторинг логики списка досок
04:25:53 - 9.3 Рефакторинг отображения списка и добавление гибкости
05:49:11 - 9.4 Пример взаимодействия модуля templates с модулем boards-list
06:06:04 - 11 Выводы