Создавать компоненты внутри компонентов?) звучит так себе

либо убирать мемо, либо вот так

const foo = () => { const Component = React.memo( foo<T>(), (prev, next) => prev.props.id === next.props.id ) return <Component /> } в таком ключе законно юзать мемо?

как называется сайт который даёт названия цветам, я в поле ввожу например цвет #f7f7f7 и сайт выдаёт название этого цвета,

в чем прикол мемоизировать если каждый рендер новый мемо?

https://www.color-blindness.com/color-name-hue/

как называется сайт который даёт названия цветам, я в поле ввожу например цвет #f7f7f7 и сайт выдаёт название этого цвета,

const foo = () => { const Component = React.memo( foo<T>(), (prev, next) => prev.props.id === next.props.id ) return <Component /> } в таком ключе законно юзать мемо?

Нет, так как ты пересоздаёшь компонент на каждый рендер. Это вынуждает делать анмаунт старого элемента на каждый рендер.

Нет, так как ты пересоздаёшь компонент на каждый рендер. Это вынуждает делать анмаунт старого элемента на каждый рендер.

но я не выполняю пересчеты в ф-и getParentRoute и не запускаю createRoutes по кругу

Это сути не меняет. Новый компонент = анмаунт старого и маунт нового.

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

Верно. Пока родительно не стриггерится - анмаунта не будет.

Но с таким же успехом тебе лучше вне рендера вызвать эту функцию и использовать имеющийся там элемент.

да тогда я не передам дженерик)) что за круг пошел

да вот кейс, есть ф-я createRoutes<contextType>(config, context) context имеет тип contextType, абсолютно что юзер захочет то и будет, я внутри должен везде, где контекст, дать ему тип не any, а его тип, если делать без мемо, все хорошо и прекрасно, но с мемо уже не выйдет, вот выше костыль был

создай хук useCreateRoutes и кешируй компонент внутри. И не будет проблем. Я серьёзно.

useCreateRoutes - должен будет вернуть компонент?

Да.

всем приветики может кто объяснить почему не обновляется Button component, где я делаю setState через контекст https://codesandbox.io/s/fragrant-smoke-eip8d

всем приветики может кто объяснить почему не обновляется Button component, где я делаю setState через контекст https://codesandbox.io/s/fragrant-smoke-eip8d

почему должен?

почему должен?

почему должен?

Или потому что там нету state в Button и он не обновляется? просто я думал тело компонента все равно обновится

У тебя button зависит только от SetContext. Значение в нём не обновилось, поэтому ререндера кнопки не произошло.

У тебя button зависит только от SetContext. Значение в нём не обновилось, поэтому ререндера кнопки не произошло.

провайдер не тригерит апдейт чилдов при изменении значения контекста

А ререндер родителя?

А ререндер родителя?

всем приветики может кто объяснить почему не обновляется Button component, где я делаю setState через контекст https://codesandbox.io/s/fragrant-smoke-eip8d

никогда не используй export default () =>

удачи в дебаге

не понятно что означает ошибка в этом тесте

Метод вызвался с параметрами, а не должен был

Зачем ты перевёл ошибку))))

Тестировать вызов setState - красиво.

а как его можно красивее тестировать?))

а как его можно красивее тестировать?))

не тестировать

а в смысле имеет смысл вообще удалить данную строчку?

Зачем ты перевёл ошибку))))

Добрый вечер. Выбираю сейчас ui kit для полностью кастомного дизайна, думаю какой взять, пока присматриваюсь к tailwind, bulma и uikit. Буду благодарен, если поделитесь мыслями и опытом

Добрый вечер. Выбираю сейчас ui kit для полностью кастомного дизайна, думаю какой взять, пока присматриваюсь к tailwind, bulma и uikit. Буду благодарен, если поделитесь мыслями и опытом

Для полностью кастомного придется писать свое

Я думал, что переопределять стили, скорее)

reakit

Работал с ним, но для этого проекта не могу его взять

Я думал, что переопределять стили, скорее)

Почему не можешь?

Потому что проект не на реакте ( внезапно ) 🙂

зачем сюда тогда писать?🤦‍♂️

Потому что вопрос был про 3 другие библиотеки, которые не привязаны к реакту

Потому что проект не на реакте ( внезапно ) 🙂

топи за реакт, а потом Reakit используй 🙃

а где эта ошибка? я просто смотрю не пойму где именно пишется описание

удачи в дебаге

никогда не используй export default () =>

Vue прям в доке так делают 🙁

Это каким плагином юзать, чтобы скорость замерить ?