Dev News от Максима Соснова

ESLint – React – You Might Not Need An Effect ESLint-плагин, который ловит лишние useEffect. Создан по мотивам официальной статьи React You Might Not Need An Effect. Целый набор антипаттернов с конкретными подсказками и ссылками на доку. Плагин анализирует state, props, refs и их источники, учитывает зависимости effect и пытается держать высокое соотношение полезных срабатываний к шуму. Есть 9 правил: - no-derived-state — derived state в effect вместо вычисления при рендере - no-chain-state-updates — цепочки setState в effect - no-event-handler — effect как event handler через state/props - no-adjust-state-on-prop-change / no-reset-all-state-on-prop-change — сброс state при смене props (вместо key) - no-pass-live-state-to-parent / no-pass-data-to-parent — прокидывание данных наверх через effect - no-external-store-subscription — подписка на внешний store вместо useSyncExternalStore - no-initialize-state — инициализация state в effect Выглядит интересно, надо попробовать. https://github.com/nickjvandyke/eslint-plugin-react-you-might-not-need-an-effect #development #react #eslint #hooks #useeffect #lint