Порядок в коде тоже влияет на мозг 🧠

Есть странная мелочь, которая почему-то очень радует глаз в больших проектах. Когда код везде разложен в одном и том же порядке. Не потому что так требует линтер, а потому что мозгу реально становится легче читать систему.

Например, в React/Vue со временем начинаешь автоматически группировать сущности. Сначала пропсы и типы. Потом константы. Ниже состояния и рефы. Дальше useMemo и вычисляемые значения. После этого эффекты, функции-наблюдатели и подписки. И только потом обработчики событий, функции и логика отправки форм. Один и тот же ритм почти в каждом файле.

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

Особенно сильно это чувствуется в больших компонентах. Когда хуки, коллбэки, эффекты и состояния разбросаны хаотично, файл превращается в кашу. А когда в проекте есть строгий порядок сущностей сверху вниз, мозг перестаёт тратить силы на навигацию и проще концентрируется на самой задаче.

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

Порядок в коде тоже влияет на мозг 🧠 | Сетка — социальная сеть от hh.ru