Называйте свои эффекты

Небольшая, но очень полезная мысль из статьи: эффекты в React стоит называть как обычные функции. Автор предлагает смотреть на useEffect не как на «магический хук», а как на именованное действие. То есть выносить логику и давать ей осмысленное имя:

useEffect(
  function openSocket() {
    // создаем web socket
  },
  [deps],
);

вместо:

useEffect(() => {
  // какая-то магия 🪄
}, [deps]);

Почему это важно:

• 👀 код становится более читаемым
• 🧠 проще понять, что именно делает эффект
• 🔁 легче переиспользовать и тестировать
• 🐞 в стектрейсах видно имя функции, а не анонимный коллбек

По сути, это маленький шаг от «анонимных сайд-эффектов» к более декларативному коду. Иногда такие мелкие практики дают больше, чем очередной новый хук.

Читать