Size: a a a

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

2020 December 22

МК

Миша Ковальчук... in React — русскоговорящее сообщество
Миша Ковальчук
да... спасибо) на поверхности на самом деле было)
а дочерний компонент всегда будет вот так перемонтироваться, когда меняется состояние родительского, так?
ну, если не сделать мемо или pureComponent или может еще что то
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Vladimir Klimov
Читал кто-то эту статью?
https://hackernoon.com/introduction-to-react-hooks-and-why-they-are-the-wrong-abstraction-ut3m346l
Какие мысли
Автор рекламирует свою тулзу
https://malerba118.github.io/elementos-docs/
Кто-то слышал/смотрел? Какие мысли?)
Такое ощущение что автор живет в бункере и не видел аналогичных популярных решений
источник

S

Siavva in React — русскоговорящее сообщество
Миша Ковальчук
ну, если не сделать мемо или pureComponent или может еще что то
если есть пример что не так скидывай )
источник

M

Mike in React — русскоговорящее сообщество
а приложение обернули в саму тему?
источник

PA

Polina A in React — русскоговорящее сообщество
Mike
а приложение обернули в саму тему?
да, конечно
источник

МК

Миша Ковальчук... in React — русскоговорящее сообщество
Siavva
если есть пример что не так скидывай )
спасибо)
источник

S

Siavva in React — русскоговорящее сообщество
Миша Ковальчук
спасибо)
да было бы за что )
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Ага
Та и я, если честно, в бункере живу и прям аналогичных популярных решений не знаю
мне интересна не столько эта либа (она на каком-то зачаточном состоянии и не очень понятно хорошо ли сделана внутри)
Просто подход выглядит интересно
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Vladimir Klimov
Ага
Та и я, если честно, в бункере живу и прям аналогичных популярных решений не знаю
мне интересна не столько эта либа (она на каком-то зачаточном состоянии и не очень понятно хорошо ли сделана внутри)
Просто подход выглядит интересно
Не мне ответил.
Мобкс реатом эффектор💁‍♂
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Dmitriy Shuleshov
Не мне ответил.
Мобкс реатом эффектор💁‍♂
Лол, вот я маху дал)
В принципе да, это ж тот же подход🙈
источник

S

SkyWalker in React — русскоговорящее сообщество
Добрый день

Столкнулся с проблемой типизации:

есть следующий кусочек кода:
activeRowIndex: (e.target as HTMLTableElement).parentNode!.rowIndex


Выдает ошибку: Property 'rowIndex' does not exist on type 'Node & ParentNode'.

Как сделать, чтобы rowIndex идентифицировало как цифру или по крайней мере не было без ошибки выше?
источник

О

Олег in React — русскоговорящее сообщество
ребят как думаете стоит ли тратить время на то чтобы общие классы emotion кидать в shared файл или же плевать, т.к. emotion умен и сам оптимизирует совпадающие свойства стилей? Вроде логично shared стили держать вместе и не дублировать стили для каждого компонента но вроде и не очень хочется тратить время т.к. в финальном билде все равно все стили оптимизируются. ну и с общими стилями возникнет несколько источников стилей у компонента, из-за чего можно немного путаться при навигации по стилям. а так все стили компонента хранятся у него в папке и вроде как все круто
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
ну в теории прикольно
источник

S

SkyWalker in React — русскоговорящее сообщество
SkyWalker
Добрый день

Столкнулся с проблемой типизации:

есть следующий кусочек кода:
activeRowIndex: (e.target as HTMLTableElement).parentNode!.rowIndex


Выдает ошибку: Property 'rowIndex' does not exist on type 'Node & ParentNode'.

Как сделать, чтобы rowIndex идентифицировало как цифру или по крайней мере не было без ошибки выше?
в общем, я пришел к двум дорогам:
1) (e.target.parentNode as HTMLTableRowElement).rowIndex
Error: TS2339: Property 'parentNode' does not exist on type 'EventTarget'

2) (e.target as HTMLTableRowElement).parentNode!.rowIndex
Error TS2339: Property 'rowIndex' does not exist on type 'Node & ParentNode'

Ни первую, ни вторую ошибку я решить не могу
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
SkyWalker
в общем, я пришел к двум дорогам:
1) (e.target.parentNode as HTMLTableRowElement).rowIndex
Error: TS2339: Property 'parentNode' does not exist on type 'EventTarget'

2) (e.target as HTMLTableRowElement).parentNode!.rowIndex
Error TS2339: Property 'rowIndex' does not exist on type 'Node & ParentNode'

Ни первую, ни вторую ошибку я решить не могу
смотри. во втором кейсе сделай еще одну обертку для ParentNode, сейчас скину как. когда-то помогал с этим
источник

S

SkyWalker in React — русскоговорящее сообщество
Andrey Anelkin
смотри. во втором кейсе сделай еще одну обертку для ParentNode, сейчас скину как. когда-то помогал с этим
Я пробовал выдает ошибку TS2304: Cannot find name 'parentNode'.

Может я как-то неверно в обертку беру. Буду ждать пример) Спасибо!
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
SkyWalker
в общем, я пришел к двум дорогам:
1) (e.target.parentNode as HTMLTableRowElement).rowIndex
Error: TS2339: Property 'parentNode' does not exist on type 'EventTarget'

2) (e.target as HTMLTableRowElement).parentNode!.rowIndex
Error TS2339: Property 'rowIndex' does not exist on type 'Node & ParentNode'

Ни первую, ни вторую ошибку я решить не могу
https://stackoverflow.com/questions/60554808/react-useref-with-typescript-and-functional-component вот по такому принципу, то есть укажи тип ParentNode как твой кастомный написанный интерфейс

по типу
interface ParentNodeObject {
 rowIndex: number
}


и дальше
((e.target as HTMLTableRowElement).parentNode as ParentNodeObject)!.rowIndex
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
только красивее сделай 🙂 разбей
источник

AA

Andrey Anelkin in React — русскоговорящее сообщество
да, но ts же не знает, что это именно он
источник

S

SkyWalker in React — русскоговорящее сообщество
Andrey Anelkin
https://stackoverflow.com/questions/60554808/react-useref-with-typescript-and-functional-component вот по такому принципу, то есть укажи тип ParentNode как твой кастомный написанный интерфейс

по типу
interface ParentNodeObject {
 rowIndex: number
}


и дальше
((e.target as HTMLTableRowElement).parentNode as ParentNodeObject)!.rowIndex
Проблема в том, что у меня это свойство уже протипизировано:
setTableInteractive({
       active: true,
       activeCellIndex: (e.target as HTMLTableCellElement).cellIndex,
       offsetLeft: (e.target as HTMLTableElement).offsetLeft,
       offsetTop: (e.target as HTMLTableElement).offsetTop,

       activeRowIndex: (e.target as HTMLTableElement).parentNode!.rowIndex,
     });

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