Спасибо. Мне англ норм. Мне хоть на китайском, я переводчик англ и китайского. Помню вообще смотрел на турецком , просто за автором повторял 😂

умея в китайский, вам определённо стоит попробовать освоить не то западное барахло, которым мы все тут пытаемся пользоваться, а чисто китайские библиотеки.  объективно, ни на один ануляр или реакт столько человеко-часов не потрачено, как на внутренние библиотеки всяких тенцентов и алибабы.  китайское творчество (даже более или менее публичное, в смысле опенсорсное и на гитхабе) ни в каких рейтингах фреймоврков не участвует, потому что их аудитория с тем англоязычным медиапространством, провинцией которого мы являемся, не пересекается вообще никак.  но, думаю, если реальные цифры посчитать, они с лёгкостью обставят большую часть того, что сейчас на слуху.
более или менее нам известны, пожалуй, только vue и ant.design, а куча всего остального (ice.work, rax.js, QMUI Web, DvaJS, omi, UmiJS и масса других) вообще ни разу никому не встречались.  а там наверняка есть интересные решения, новаторские подходы, многотысячные комьюнити и так далее.  но для нас это всё - за языковым барьером.  а вы могли бы и  заглянуть.

спс сохраню названия)

😁👍🏻зачётно упростил - но... в кейсе именно отдельный компонент на таб, возможно ещё и с динамической подгрузкой... (например анимация для роутинга...)

Таки сейчас реагирует не на activeTab разве? Он и передаётся из Tabs...

А вот это я не осилил... можешь растолковать?

@rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to true, as the next major version will default this option to true.

куда его ставить?

cssnano только минифаер же

Не обязательно выставлять, это просто уведомление что в следующем мажоре будет ломающее изменение

Казалось бы))

спасибо)

Дубли как раз задача для него + в плейграундe все работает как надо https://cssnano.co/playground#eyJpbnB1dCI6Ii5hYWEge2NvbG9yOiBncmVlbjt9XG4uYmJie2NvbG9yOiBncmVlbjt9IiwiY29uZmlnIjoiLy8gY3NzbmFubyBjb25maWdcbntcbiAgXCJwcmVzZXRcIiA6IFwiZGVmYXVsdFwiLFxufVxuIn0=

Дело именно в том, что он срабатывает на уровне компонента, а не выходного css файла.

Ок

Вроде на изменение slideWrapper может реагировать и если нода удаляется/добавляется, то и без изменения activeTab может вызываться animController(не проверял, но вроде должно)

Оставлять в App activeTab = 1;
Передавать в Tabs функцию changeTab={index => animController(activeTab, index)}
В Tabs использовать changeTab(i) в each

Тогда при клике будет сравниваться значение activeTab(которое в App) и индекс нажимаемого элемента, вместо сравнивания и присваивания state и activeTab

И в конце конечно присваивать activeTab = i(предварительно убрав из параметров activeTab, потому что App после рефакторинга и так имеет к нему доступ)

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

Или я чего-то не понимаю все же