Size: a a a

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

2020 July 20

DP

Dmitry Petrov in React — русскоговорящее сообщество
источник

DP

Dmitry Petrov in React — русскоговорящее сообщество
а блин, скрины не присылаются 🙁
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
присылаются.
источник

DP

Dmitry Petrov in React — русскоговорящее сообщество
источник

DP

Dmitry Petrov in React — русскоговорящее сообщество
есть пакет, в пакете есть компоненты, которые используют lodash, эти компоненты используют методы lodash, пакет билдится в esm, все вроде бы норм, treeshacking работает, когда импортирую ненужный код отрубает
источник

DP

Dmitry Petrov in React — русскоговорящее сообщество
но lodash-es все равно забандлил полностью
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
есть какие-то import _ from 'lodash' или import * as _?
источник

DP

Dmitry Petrov in React — русскоговорящее сообщество
rollup сам все приводит потом к виду
источник

DP

Dmitry Petrov in React — русскоговорящее сообщество
в esm билде, то есть все вроде норм, мне его в peerDependency нужно закинуть?
источник

DP

Dmitry Petrov in React — русскоговорящее сообщество
а сорян, это я тупой, как только бандлер увидел, что я использую lodash-es где-то еще, он перестал конкатенировать и все
источник

DP

Dmitry Petrov in React — русскоговорящее сообщество
источник

G

GetMad in React — русскоговорящее сообщество
Можете мне пояснить за keyboard эвенты? Когда я их на JSX элемент цепляю, они внутри цепляются к document?

<Component onKeyDown={handler} />

Будет ли этот эвент срабатывать, если элемент на который я его цепляю не в фокусе?
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
а как он может отработать если элемент не в фокусе 🧐
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
это надо за документ вешаться тогда, но чем это поможет хз. браузер не контролирует его в этот момент
источник

G

GetMad in React — русскоговорящее сообщество
а вот в том то и дело. Я цепляю его на элемент. При этом открываю поповер с инпутом и пишу в этот инпут, а эвент тригеррится
источник

G

GetMad in React — русскоговорящее сообщество
хотя элемент с хендлером не в фокусе
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
ну оно снизу как будто всплывает из другого элемента
источник

В

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

G

GetMad in React — русскоговорящее сообщество
я в курсе про всплытие событий. Мне просто непонятна логика реакта. Чтобы keyboard эвенты отрабатывали, элемент должен быть фокусируемым (tabIndex), но при этом, само наличие фокуса не обязательно, чтобы хендлер триггерился
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
GetMad
я в курсе про всплытие событий. Мне просто непонятна логика реакта. Чтобы keyboard эвенты отрабатывали, элемент должен быть фокусируемым (tabIndex), но при этом, само наличие фокуса не обязательно, чтобы хендлер триггерился
скорее JS-а

ну если ты фокусишь его ребенка это по сути корректно
источник