Анимированный сайдбар за 40 минут! React / Framer-motion / Jotai
🔥 Оформить премиум подписку - https://htmllessons.io/premium?utm_so...
❤️ Отзывы тут - https://t.me/htmllessons_reviews
🚀 МК "Реализация фильтров/пагинации/сортировки" Осталось 30% мест, успевай! - https://t.me/pay_mk_filters_bot
Подробнее о мастер классе - https://t.me/redgroupchannel/1845
🦋 ТГ канал (Розыгрыш 6 годовых лицензий любого продукта компании Jetbrains) - https://t.me/redgroupchannel/1871
Смотри нас в VK Видео - https://vk.com/video/@redgroup
Поддержи видео лайком, 500 лайков 👍 и я делаю новое видео!
⭐️ Скачать папку проекта - https://htmllessons.io/repositories/1...
Готовы создать крутой анимированный сайдбар всего за 40 минут? Погружаемся в мир React и осваиваем мощь Framer-motion для плавных анимаций! Jotai станет нашим надежным помощником в управлении состоянием. Не забудем про Bun для быстрой сборки и Vite для молниеносной разработки. Вместе пройдем путь от инициализации проекта до финальных штрихов. Узнаем, как использовать CLSX для удобной работы с классами и Tailwind для стильного дизайна. Создадим компактный свернутый вид и добавим эффектные задержки. Погнали кодить и создавать UI мечты!
🔥 Наш основной канал - / @redgroup
🍥 Тема в редакторe/Шрифт/Иконки: Dark Modern/Darcula - Jetbrains Mono - Quill Icons
🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze или KZZI K75Pro (свитчи те же)
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
00:00 - Начало
01:53 - Инициализация проекта
03:40 - Tailwind
04:22 - Убираем лишнее
04:49 - Начинаем процесс разработки
20:08 - Стилизация
28:15 - Jotai новый стейт менеджер
31:30 - framer motion
35:19 - Свернутый вид
41:09 - Доводим до идеала
43:10 - Задержка
48:03 - Где скачать?
🌿 Плейлист с полными курсами для новичков и не только - • RED Course | Полные курсы за короткое...
👇 Полезные ссылки:
Настройка VS Code • Свежая НАСТРОЙКА VS CODE 2.0 [Расшире...
Настройка терминала • Настройка терминала 2024 [Oh My zsh /...
👉 Все ссылки (+ настройка редактора) и информация обо мне - https://htmllessons.io/links
Контакты для связи
[email protected] - Реклама и сотрудничество
[email protected] - Если хотите к нам в команду
#React #FramerMotion #Jotai #REDGroup #RedGroupPlus
Смотрите видео Анимированный сайдбар за 40 минут! React / Framer-motion / Jotai онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь RED Group + 23 Август 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 8,20 раз и оно понравилось 47 людям.