Size: a a a

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

2021 January 25

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
D M
Зависит от ситуации
Если все UI компоненты обёрнуты в memo, полагаю это ошибка?)
источник

AD

AluV Daniil in React — русскоговорящее сообщество
Все оборачивать не нужно. Только те которые ты инициализируешь внутри других компонент в render цикле
источник

s

sccc in React — русскоговорящее сообщество
Ⓣ ǿ ℓ į ᶄ
Ребята привет, подскажите правильно ли оборачивать UI компоненты в React.memo()?
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Спасибо!)
источник

ДП

Даниил Погудин... in React — русскоговорящее сообщество
Привет
Кто сталкивался
React Quill при печатании пропадает фокус у поля
Может кто знает решение?
Спасибо
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
источник

DD

D D in React — русскоговорящее сообщество
Привет!
CSS-in-JS или SCSS что лучше для скорости собрки билда? и есть ли разница?
источник

DD

D D in React — русскоговорящее сообщество
Интересно из личного опыта у кого-то. Может разницы и нет
источник

НК

Никита Кальнов... in React — русскоговорящее сообщество
по моему опыту CSS-in-JS удобнее
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
dron
Есть компонент кнопки, который может возвращать или кнопку или ссылку:

const Button = forwardRef<
   HTMLButtonElement | HTMLAnchorElement,
   IButton
>


В месте, где я возвращаю ссылку <a href={href} ref={ref}>{children}</a>

высвечивается ошибка:

TS2322: Type 'ForwardedRef<HTMLAnchorElement | HTMLButtonElement>' is not assignable to type 'LegacyRef<HTMLAnchorElement>'.

а где кнопку:

TS2322: Type 'ForwardedRef<HTMLAnchorElement | HTMLButtonElement>' is not assignable to type 'LegacyRef<HTMLButtonElement>'.

Как это можно исправить?
ты пытаешься useRef подружить с компонентом?
источник

VB

Viktor Busko in React — русскоговорящее сообщество
D D
Привет!
CSS-in-JS или SCSS что лучше для скорости собрки билда? и есть ли разница?
это сильно разные подходы скорость билда это не самое важное при выборе между.
источник

d

dron in React — русскоговорящее сообщество
Bugs Bunny
ты пытаешься useRef подружить с компонентом?
ну он снаружи приходит
источник

DD

D D in React — русскоговорящее сообщество
Viktor Busko
это сильно разные подходы скорость билда это не самое важное при выборе между.
мне важно уменьшить время сборки билда.

если с scss быстрее соберется (+ я наверное потом могу сжать в вэбпаке css). я все переведу на scss
источник

DD

D D in React — русскоговорящее сообщество
ускорится ли сборка если перевести с css-in-js на scss?
источник

d

dron in React — русскоговорящее сообщество
Bugs Bunny
ты пытаешься useRef подружить с компонентом?
а так да, снаружи приходит ref и я хочу подсосать его в button или a
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
dron
ну он снаружи приходит
насколько я помню, LegacyRef — это callback-функция. видимо, сам компонент не поддерживает реализацию. в новой версии реакта рефы могут работать и через коллбэк, и через объект с проперти current.

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

const ref = useRef(null)
<Button ref={btnRef => ref.current = btnRef}

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

А

Александр in React — русскоговорящее сообщество
D D
ускорится ли сборка если перевести с css-in-js на scss?
Так css-in-js вообще в css не компилится, во время сборки. Это ведь в рантайме происходит
источник

RS

Roman Still in React — русскоговорящее сообщество
Bugs Bunny
насколько я помню, LegacyRef — это callback-функция. видимо, сам компонент не поддерживает реализацию. в новой версии реакта рефы могут работать и через коллбэк, и через объект с проперти current.

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

const ref = useRef(null)
<Button ref={btnRef => ref.current = btnRef}

может, есть более элегантные решения. по типу как обновить версию библиотеки, использовать другую библиотеку или что-то, что я пока не понимаю
А если тс то ещё кастовать, красивее не видел
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
Александр
Так css-in-js вообще в css не компилится, во время сборки. Это ведь в рантайме происходит
есть решения где билдится css (astroturf, linaria)
источник

DD

D D in React — русскоговорящее сообщество
Александр
Так css-in-js вообще в css не компилится, во время сборки. Это ведь в рантайме происходит
не понимаю тебя.
смотри у меня сейчас проект на css-in-js и собирается 30 сек.

если я перепишу весь css-in-js на scss, у меня собираться быстрее будет?
источник