Size: a a a

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

2020 October 04

IB

Ivan Baranov in React — русскоговорящее сообщество
Мерч
Есть сетка из фотографий, нужно при наведении на одну из фоток показывать иную фотку.
Проблема заключается в анимации фейда этого действия, ибо чистым css на ховерах этого не сделать.
Без рефов и сторонних библиотек это можно сделать?
А чем тебя так рефы пугают? И как ты сможешь понять где тебе фотку показывать. Если появляется там же то можно и просто стилями порешать. Короче не совсем понятно в чем трудность. Был бы макет:)
источник

М

Мерч in React — русскоговорящее сообщество
Ivan Baranov
А чем тебя так рефы пугают? И как ты сможешь понять где тебе фотку показывать. Если появляется там же то можно и просто стилями порешать. Короче не совсем понятно в чем трудность. Был бы макет:)
Ты стилями fade-in анимацию не сделаешь, если элемент появляется
источник

М

Мерч in React — русскоговорящее сообщество
Сетка фоток, каждая фотка - тег с двумя фотками. Если ты повесишь ховер стилями, что бы они меняли друг другу display - fade ты не вмонтируешь туда, транзишна у дисплея нет
источник

AM

Aleksandr Moskvitin in React — русскоговорящее сообщество
Привет, подскажите я правильно понимаю концепцию, если мы храним в стейте дерево то по хорошему при изменении нужно бы его копировать?
источник

IB

Ivan Baranov in React — русскоговорящее сообщество
Мерч
Сетка фоток, каждая фотка - тег с двумя фотками. Если ты повесишь ховер стилями, что бы они меняли друг другу display - fade ты не вмонтируешь туда, транзишна у дисплея нет
Opacity?
источник

М

Михалыч in React — русскоговорящее сообщество
Aleksandr Moskvitin
Привет, подскажите я правильно понимаю концепцию, если мы храним в стейте дерево то по хорошему при изменении нужно бы его копировать?
da
источник

М

Мерч in React — русскоговорящее сообщество
Ivan Baranov
Opacity?
Что opacity? Тогда будет белый квадрат и фотка, лол
источник

М

Мерч in React — русскоговорящее сообщество
И при наведении одна будт белеть, вторая проявляться
источник

AM

Aleksandr Moskvitin in React — русскоговорящее сообщество
Михалыч
da
а есть что-то для этого? как обычно этим занимаются?
источник

RK

Ruslan Kunaev in React — русскоговорящее сообщество
Мерч
Сетка фоток, каждая фотка - тег с двумя фотками. Если ты повесишь ховер стилями, что бы они меняли друг другу display - fade ты не вмонтируешь туда, транзишна у дисплея нет
По ховеру анимацию можно сделать, что до 99% фейд происходит (прозрачностью, чем угодно) на 100% - display: none
источник

М

Мерч in React — русскоговорящее сообщество
Ruslan Kunaev
По ховеру анимацию можно сделать, что до 99% фейд происходит (прозрачностью, чем угодно) на 100% - display: none
keyframes?
источник

IB

Ivan Baranov in React — русскоговорящее сообщество
Мерч
keyframes?
Вполне вариант
источник

М

Мерч in React — русскоговорящее сообщество
окей, попробую
источник

М

Мерч in React — русскоговорящее сообщество
Ruslan Kunaev
По ховеру анимацию можно сделать, что до 99% фейд происходит (прозрачностью, чем угодно) на 100% - display: none
Сработало, но частично
Все же display внутри кейфрема сразу же по окончанию анимации пропадает
источник

М

Мерч in React — русскоговорящее сообщество
Но для только появления элемента подошло
источник
2020 October 05

СК

Сергей Кузнецов... in React — русскоговорящее сообщество
Alexey Sergeev
Привет, чем лучше тестировать React.js приложение,  например то что при клике модалка открылась или при регистрации перекинуло на другую стр? но еще проблема в том, что теги без id и name в приложении
Можно jest + enzyme
источник

ВЯ

Виталя Я in React — русскоговорящее сообщество
Ребят, посоветуйте источник для изучения React, желательно статьи
источник

IN

Igor N in React — русскоговорящее сообщество
Виталя Я
Ребят, посоветуйте источник для изучения React, желательно статьи
источник

IS

Igor Selin in React — русскоговорящее сообщество
Думаю хорошим вариантом будет оригинальная документация или на хабре можно изучать
источник

ВЯ

Виталя Я in React — русскоговорящее сообщество
Спасибо за ответ
источник