Навіщо розділяти компоненти❓

🔶 Стався тут у нас цікавий діалог з приводу того, де краще робити анімацію компонента - в самому компоненті, або в тому компоненті який його імпортує.

🐁 Я порадив піти третім шляхом і створити окремий компонент, який буде займатися лише одним - анімацією компонента. А далі вже по необхідності можна буде використовувати або анімований, або базовий компонент.

Але тут постало питання:

- Просто якось дивно заради одного тега створювати цілий компонент

І, на перший погляд, це дійсно трохи дивно, можна ж одразу зробити компонент анімований та й усе. Але, тут є цілих два підводних камені:

1️⃣ Всі компоненти мають тенденцією рости та ускладнюватися. Власне, анімація, це чудовий приклад саме такого "розростання" компонентів. Відповідно, чим далі, тим більше буде у вашого компонента задач. А чим більше у нього задач - тим більше підстав для змін, що призводить до крихкості ваших компонентів і, відповідно, багів.

2️⃣ Рано чи пізно, станеться ситуація, коли вам буде потрібен компонент без цих додаткових функціональностей, або з суттєво іншими. І тут вам би знову у нагоді став би базовий компонент, але його немає. Замість нього на вас дивиться кнопка на 600 рядків і питає - ну, що ризикнеш ще один if втулити чи як?

👉Тож, принцип однієї відповідальності, чудовий принцип який може суттєво спростити вам життя. Надто ним захоплюватися теж, звісно не треба, підходьте до нього з розумом.

@reactbeginners