проблема решилась заменой makeStyles на createStyles однако не понятно чем они отличаются

make для хуков что ле

вот только если в этом

Кто работает с линтером и хуками, вопрос. Иногда приходится добавлять в массив зависимостей [JSON.stringify(value)]. Но линтер орет react-hooks/exhaustive-deps. Кто нибудь нашел способ подсказать ему, что все окей и зависимость добавлена в массив?

Можешь как-то прокомментировать эту статью, которую кидал выше? В частности вот эти выводы, которые сделал автор?

Прав он или нет? И почему тогда ты считаешь что использовать редакс хуки лучше, чем через обычный connect? Хочу уже просто окончательно разобраться в этом вопросе.

disable next line)) либо отключать это правило, больше способов не знаю
вообще избегание контроля ссылок такими костылями очень яркий знак, что что-то у тебя в коде идет не так

Подскажите годные либы для построения графиков пожалуйста.

Там все та же оптимизация, даже есть 2 параметр для своего контроля. Почитай про shallowEqual и про его наличие в либе на странице хуков.

Ну в определенных ситуациях это неизбежно. https://github.com/facebook/react/issues/14476#issuecomment-471199055 вот прям совет от Дена есть и твит https://twitter.com/dan_abramov/status/1104414272753487872

recharts

Добрый день) Пытаюсь сделать форму для редактирования данных, компоненты из material-ui. Звучит банально просто, но я запутался. Проблема в том что данные загружаются после монтирования компонента и кладутся в store, а state компонента (Edit) формируется в конструкторе. Из-за чего после загрузки они не отображаются в полях TextInput. Пытался через componentDidUpdate обновлять, но мне кажется это не совсем правильное решение, так как он обновляется ещё и тогда когда вводят текст в поле. Как правильно сделать такой компонент, есть какие нибудь best practies по таким решениям? Урезанный пример(основная логика сохранена):
https://codesandbox.io/s/gallant-paper-pe8pp?file=/src/Edit.js
Может у кого есть пример кода по данному вопросу. Библиотеки и прочее не предлагать)
Понимаю что решение где-то рядом, но не могу понять где

(be careful) <- этой фразе далеко от (recommended)

Тем не менее в некоторых кейсах реакт по другому не могет пока. Редко, но бывает такое. Но вот линтер бы не хотелось затыкать

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

меемоизация, собственные функции сравнеения с инкрементом каунтера который будет триггерить обновления

все лучше чем json))
а так конечно делай как хочешь) не настаиваю

Ну если объект не большой и JSON.stringify на нем мгновенно отрабатывает)) Ничего больше не нужно. Мемоизаций, ни каких-то кастомных функций сравнения)) Очень просто и коротко. Можно сделать по другому попытаться, но это прям 100% будет не в одну строчку кода, а результат по сути-то абсолютно одинаковый… Ну мне так кажеться, конечно)

Всем привет, не мог бы кто-нибудь помочь мне и объяснить, как правильно сделать так, чтобы при каждом клике на один компонент рендерился другой? Возможно ли это с помощью React-router-dom? Пока что делаю вот так, но не работает, пытаюсь понять, почему

кастомная функция сравнения реже будет позволять тебе вольготно изменять структуру объекта, так будет меньше магических ошибок. Мемоизация впринципе мастхев в функциональном подходе реакта. Все чтоо не примитив должно быть замемоизировано

К тому же