Size: a a a

Atomic Design for React

2020 July 31

IA

Ilya Agarkov in Atomic Design for React
🦜
потому что js включен
выключеный js это же какие эжс кейсы. Если реально есть такая потребоность то это уже отдельный разговор
источник

🦜

🦜 in Atomic Design for React
давай возьмем кейс, когда у нас есть страница регистрации по ссылке.

И та же страница регистрации, но в модалке.

в первом кейсе, я могу статикой ее ваще отдать и разобрать введеную форму на серваке уже.

Во втором кейсе, статикой я не могу отдать, потому что нужно еще отправить js для открытия модалки
источник

DZ

Dmitry Zherebko in Atomic Design for React
Ilya Agarkov
есть кейсы когда компонент содержащий модаку условно онмаунтится в одном месте и маунтится заново в другом, то есть модалку мы теряем. В такие моменты как раз и задумываешься что нужен какой ни какой но менеджер модалок
а можно более конкретный пример?
источник

IA

Ilya Agarkov in Atomic Design for React
Dmitry Zherebko
а можно более конкретный пример?
ты сейчас опять скажешь что это плохой дизайн, и я отчасти соглашусь но кейс такой что в модалке проиходит редатирование некой сущности после чего она к примеру переходит из одного списка в другой
источник

DZ

Dmitry Zherebko in Atomic Design for React
Ilya Agarkov
ты сейчас опять скажешь что это плохой дизайн, и я отчасти соглашусь но кейс такой что в модалке проиходит редатирование некой сущности после чего она к примеру переходит из одного списка в другой
это папуга за дизайн
источник

DZ

Dmitry Zherebko in Atomic Design for React
Ilya Agarkov
ты сейчас опять скажешь что это плохой дизайн, и я отчасти соглашусь но кейс такой что в модалке проиходит редатирование некой сущности после чего она к примеру переходит из одного списка в другой
так не должна ли она перейти в другой список после того как закрылась?
источник

IA

Ilya Agarkov in Atomic Design for React
Dmitry Zherebko
так не должна ли она перейти в другой список после того как закрылась?
нет - если данные уже изменились.
источник

DZ

Dmitry Zherebko in Atomic Design for React
а почему они поменялись до закрытия модалки?
источник

DZ

Dmitry Zherebko in Atomic Design for React
а, или нам апдейт пришел
источник

DZ

Dmitry Zherebko in Atomic Design for React
во время редактирования?
источник

🦜

🦜 in Atomic Design for React
Ilya Agarkov
ты сейчас опять скажешь что это плохой дизайн, и я отчасти соглашусь но кейс такой что в модалке проиходит редатирование некой сущности после чего она к примеру переходит из одного списка в другой
модалка или сущность?
источник

IA

Ilya Agarkov in Atomic Design for React
Dmitry Zherebko
а почему они поменялись до закрытия модалки?
вопрос скорее а почему они не могут поменятся пока модалка открыта.. вполне может и причины не так важны
источник

🦜

🦜 in Atomic Design for React
а почему нельзя сделать редактирование через contenteditable ?
источник

DZ

Dmitry Zherebko in Atomic Design for React
Ilya Agarkov
вопрос скорее а почему они не могут поменятся пока модалка открыта.. вполне может и причины не так важны
но ключ сущности одни и тот же
источник

DZ

Dmitry Zherebko in Atomic Design for React
модалка привязана к сущности а не к елементу массива
источник

DZ

Dmitry Zherebko in Atomic Design for React
а ну если много списков
источник

DZ

Dmitry Zherebko in Atomic Design for React
типа трелло борды
источник

IA

Ilya Agarkov in Atomic Design for React
Dmitry Zherebko
но ключ сущности одни и тот же
условно если ты “открыаешь” модалку внутри компонента, который может поменять свое местоположение то получаем вот такой кейс
источник

DZ

Dmitry Zherebko in Atomic Design for React
и там перетащился тикет из одного стейта в другой
источник

IA

Ilya Agarkov in Atomic Design for React
Dmitry Zherebko
типа трелло борды
точно!  хороший пример
источник