Тёмный

Липкое меню с Framer motion 

Михаил Непомнящий
Подписаться 70 тыс.
Просмотров 10 тыс.
50% 1

Продвинутые техники анимации для React приложений с Framer-motion позволяют отслеживать изменяемые значения с высокой точностью и реагировать на них тем или иным способом. Для этого библиотека вводит специальное понятие motionValue, создать и использовать которое можно различными способами.
Пример из видео: stackblitz.com...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...

Опубликовано:

 

14 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@alexr0v
@alexr0v 2 года назад
Михаил, пожалуйста, сделай обзор на react 18, у тебя отлично получается объяснять, было бы круто увидеть обзор от тебя!
@olegsh2888
@olegsh2888 2 года назад
Отличный видос! Каждый раз удивляюсь, сколько крутого еще в этой либе скрыто) Спасибо за то, что придумываешь свои примеры, а не копируешь доку)
@ZhPress7
@ZhPress7 Год назад
Супер. Дуже дякую
@HumoyunAhmedov-g9r
@HumoyunAhmedov-g9r 8 месяцев назад
Круто!!!!!!!!!!!!!!!!!!!!!!!!!!!!1
@Костя-с5л8я
@Костя-с5л8я 2 года назад
Супер, как всегда - на высоте! Спасибо большое за прекрасные уроки!
@wotok7
@wotok7 2 года назад
Коммент в поддержку видосика
@azizbekkomilov3589
@azizbekkomilov3589 2 года назад
Суппер спасибо за видео !
@SerhiiNesterov
@SerhiiNesterov Год назад
Спасибо
@vladimirplyukhin5234
@vladimirplyukhin5234 2 года назад
Михаил, добрый день. Поддерживаю обзор на обновления React 18 от вас.
@svloex
@svloex 2 года назад
ну ты топ объясняешь спасибо
@ДмитрийМельников-ъ3в
спасибо!) ждем продолжения серии))
@АлешаАлексей-г8ь
@АлешаАлексей-г8ь 2 года назад
Полезный видос, спасибо)
@Nikitosss91
@Nikitosss91 2 года назад
Уже 10к. Грац!)
@ViktorPoklad
@ViktorPoklad Год назад
Михаил, а как можно изменить свойство pointer-events для второй кнопки, чтоб при opacity :0 на нее нельзя было нажать.
@АртёмП-ф1п
@АртёмП-ф1п 2 года назад
Михаил здравствуйте, скажите пожалуйста есть ли разница между stepik и udemy ?Речь про фендаментальный JS. Если да то какую платформу лучше выбрать?
@mishanep
@mishanep 2 года назад
Там по разному организованы принципы тестирования заданий. На Степик не удалось все автотесты перенести. В остальном разницы нет. Мне больше интерфейс udemy нравится.
@mars_family
@mars_family 2 года назад
А будет ли дополнения к вашему курсу по реакт с учетом изменения мажорной верси, сейчас как раз начал его проходить а тут оказывается он уже устарел?!(
@mishanep
@mishanep 2 года назад
Что значит устарел?)) Большинство проектов ещё на 16й версии сидит))))
@rostislove1482
@rostislove1482 2 года назад
@@mishanep можно было вообще не выпускать видео по реакту, на jQuery немало проектов существует
@mishanep
@mishanep 2 года назад
@Rostis Love не вижу связи)) с тем же успехом можно сказать, что видео по вебу не нужны, ибо есть и другие профессии :)) Мой посыл был про то, что прежде чем на 18м реакте начнут писать приложения, пройдёт немало времени. И мой курс по 17му Реакту актуальности не потерял. Тем более что всё, что я там рассказываю, актуально и в новой 18й версии. Разница только в двух строчках кода.
@mars_family
@mars_family 2 года назад
@@mishanep спасибо за ответ 🙏
@maksimaliabyshev
@maksimaliabyshev 2 года назад
Миша, напиши как местная еда на тебя влияет, повысилось ли производительность, состояние организма и ясность мыслительных процессов.
@mishanep
@mishanep 2 года назад
Наслаждение от еды точно повысилось)) остальное - субъективно и по моим ощущениям какой-то разницы нет. Скорее от наличия солнца и в целом благоприятной обстановки вокруг.
@stormbraker637
@stormbraker637 8 месяцев назад
@catsapp в днр
@someelse989
@someelse989 2 года назад
Может сделаешь курс по этой библиотеке ?
@mishanep
@mishanep 2 года назад
Она так часто обновляется, что курс быстро устареет))
@ilyaprotsenko1023
@ilyaprotsenko1023 2 года назад
Не изменяется fontSize. В чем причина - понять не могу. При этом остальные значения изменяться могут - всё замечательно. Кто-то сталкивался? Автор, спасибо за твой труд!
@ilyaprotsenko1023
@ilyaprotsenko1023 2 года назад
Решил проблему. У меня был массив с некорректными значениями: const h1FontSize = [50, 23] А надо было сделать так: const h1FontSize = ['50px', '23px']
@ilyaprotsenko1023
@ilyaprotsenko1023 2 года назад
Куча проблем по причине невнимательности. Будьте внимательными, а не как я :)
@Uncaught_in_promise
@Uncaught_in_promise 2 года назад
А как такое написать на чистом JS?
Далее
Framer Motion (React) - The Basics
17:07
Просмотров 33 тыс.
Scroll Animation in React Using Framer Motion
41:14
Просмотров 1,2 тыс.
Animated tabs - with inverted text!
12:15
Просмотров 57 тыс.
4 Tricks For Best Figma To Framer Export
10:14
Просмотров 32 тыс.
SENIOR on JUNIOR Javascript Developer interview
26:35
Просмотров 311 тыс.