Анимированный сайдбар за 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