R
rendering-conditional-render
Use explicit ternary operators instead of u0026u0026 for conditional rendering. Apply when rendering values that could be 0, NaN, or other falsy values that might render unexpectedly.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Use explicit ternary operators instead of u0026u0026 for conditional rendering. Apply when rendering values that could be 0, NaN, or other falsy values that might render unexpectedly.
How to use
- Zidentyfikuj miejsca w kodzie, gdzie używasz operatora && do renderowania warunkowego, zwłaszcza gdy warunek może być wartością numeryczną (0, NaN) lub inną wartością falsy, która powinna być traktowana jako "fałsz" w logice biznesowej.
- Zastąp wzorzec {warunek &&
} na {warunek ? : null}, gdzie warunek jest jawnym porównaniem (np. count > 0 zamiast count). - W praktyce: jeśli masz komponent Badge, który wyświetla licznik, zmień {count && {count}} na {count > 0 ? {count} : null}, aby uniknąć wyświetlenia "0" na ekranie.
- Zastosuj tę zasadę do wszystkich komponentów, które renderują wartości numeryczne lub inne falsy values, które mogą być mylące dla użytkownika.
- Przetestuj komponenty z wartościami granicznymi (0, NaN, undefined, null), aby upewnić się, że renderowanie zachowuje się zgodnie z oczekiwaniami.