Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.
Наука · 29 июля 2026 г.
🚨 Антипаттерн: усложнённые condition-рендеры — 29 июля 2026 г. в 06:22:19.051
🚨 Антипаттерн: усложнённые condition-рендеры Иногда в JSX попадаются вот такие "шедевры": {isLoggedIn && user?.settings?.theme === 'dark' && !isLoading && <DarkDashboard />} 🧠 Да, работает. Но читаемость? Поддержка? Страдает. ✅ Лучше так: const shouldShowDarkDashboard = isLoggedIn && user?.settings?.theme === 'dark' && !isLoading; return ( <> {shouldShowDarkDashboard && <DarkDashboard />} </> ); 📌 Плюсы: - легко отлаживать; - можно переиспользовать; - код "говорит", что делает. 🎯 Правило: выноси сложные условия из JSX — это прокачивает читаемость и облегчает поддержку. 👉 @frontend_1