Size: a a a

React — русскоговорящее сообщество

2021 January 12

1

1N54N3 in React — русскоговорящее сообщество
Спасиб
источник

Э

Элин in React — русскоговорящее сообщество
Всем привет! Как добавить плавные переходы в реакте? Я знаком с основами, но сейчас расскажу чуть подробнее.

Есть главное меню. Если нажать на кнопку выйти, резко исчезают пункты меню для авторизованного пользователя и появляются также резко пункты меню для неавторизованного пользователя. Вот один из примеров. Второй пример, когда из бэка загружаем данные, как они готовы у показу резко появляются для клиента.

Дайте совет, пожалуйста, как можно правильно и быстро добавить какую-то плавность?
источник

А

Александр in React — русскоговорящее сообщество
Элин
Всем привет! Как добавить плавные переходы в реакте? Я знаком с основами, но сейчас расскажу чуть подробнее.

Есть главное меню. Если нажать на кнопку выйти, резко исчезают пункты меню для авторизованного пользователя и появляются также резко пункты меню для неавторизованного пользователя. Вот один из примеров. Второй пример, когда из бэка загружаем данные, как они готовы у показу резко появляются для клиента.

Дайте совет, пожалуйста, как можно правильно и быстро добавить какую-то плавность?
Через transition-duration. Мне кажется - это вопрос больше по css, чем по реакту. Конкретно по реакту можно сказать, что для "плавного исчезновения" компонента надо его либо не размонтировать в принципе, либо размонтировать по animationend. Знаю, что в бутстрапе и анте юзается первый вариант, не уверен, что второй имеет смысл в принципе, а может вообще есть либа, которая что-то такое делает, но я с ней не работал.)
источник

R

Raman in React — русскоговорящее сообщество
Элин
Всем привет! Как добавить плавные переходы в реакте? Я знаком с основами, но сейчас расскажу чуть подробнее.

Есть главное меню. Если нажать на кнопку выйти, резко исчезают пункты меню для авторизованного пользователя и появляются также резко пункты меню для неавторизованного пользователя. Вот один из примеров. Второй пример, когда из бэка загружаем данные, как они готовы у показу резко появляются для клиента.

Дайте совет, пожалуйста, как можно правильно и быстро добавить какую-то плавность?
Лоадер какой нибудь и скелетон для второго примера или тоже лоадер или как предложили выше :)
источник

Э

Элин in React — русскоговорящее сообщество
Raman
Лоадер какой нибудь и скелетон для второго примера или тоже лоадер или как предложили выше :)
Не, лоадер то как раз есть, но именно момент появления резкое :)
источник

Э

Элин in React — русскоговорящее сообщество
Александр
Через transition-duration. Мне кажется - это вопрос больше по css, чем по реакту. Конкретно по реакту можно сказать, что для "плавного исчезновения" компонента надо его либо не размонтировать в принципе, либо размонтировать по animationend. Знаю, что в бутстрапе и анте юзается первый вариант, не уверен, что второй имеет смысл в принципе, а может вообще есть либа, которая что-то такое делает, но я с ней не работал.)
Александр, Спасибо за ответ!
Уточню для себя. Имеешь ввиду, навесить транизишн на все элементы касаемо появления и исчезновения ?
источник

А

Александр in React — русскоговорящее сообщество
Элин
Александр, Спасибо за ответ!
Уточню для себя. Имеешь ввиду, навесить транизишн на все элементы касаемо появления и исчезновения ?
ага, возможно тут ещё придется через animation работать.
источник

А

Александр in React — русскоговорящее сообщество
элемент появляется - навешиваешь один класс. Скрывается - другой. В общих чертах так.
источник

Э

Элин in React — русскоговорящее сообщество
Окей... попробую. Спасибо, ребят!
источник

Э

Элин in React — русскоговорящее сообщество
Удачи!
источник

N

Najd in React — русскоговорящее сообщество
Hello , can you please help I need help with react
источник

N

Najd in React — русскоговорящее сообщество
No one ):
источник

SK

Stanislav Kalinovski... in React — русскоговорящее сообщество
Najd
No one ):
sorry, this is russian speaking community
источник

N

Najd in React — русскоговорящее сообщество
Stanislav Kalinovskiy
sorry, this is russian speaking community
Ok I’m sorry
источник

y

yanovich in React — русскоговорящее сообщество
Najd
Hello , can you please help I need help with react
Нет мы не интересуемся биткоинами
источник

a

allpeg in React — русскоговорящее сообщество
Najd
Hello , can you please help I need help with react
источник

A

Aʀᴛʜᴜʀ in React — русскоговорящее сообщество
Всем привет, React реально освоить за 15-30 дней?
источник

y

yanovich in React — русскоговорящее сообщество
Aʀᴛʜᴜʀ
Всем привет, React реально освоить за 15-30 дней?
Смотря сколько будете заниматься и как знаете js
источник

K

Kernel panic in React — русскоговорящее сообщество
И смотря какой целевой уровень
источник

A

Aʀᴛʜᴜʀ in React — русскоговорящее сообщество
yanovich
Смотря сколько будете заниматься и как знаете js
Заниматься намерен плотно, js базовый
источник