Rules Hub

Coding Rules Library

Rule priority, scope & exceptions

Use this to align rules with the senior-level structure (P0/P1/P2, scope, exceptions/tradeoffs).

PriorityP1 — maintainability, architecture, long-term qualityScopeUniversal — language-agnostic, broadly applicable

Exceptions / tradeoffs (EN)Iznimke / tradeoffi (HR)

frontend ruleP1universalStack: react

domidscorrectness

Rendering the same component (with the same id) twice via show/hide classes produces duplicate DOM IDs; conditionally render one instance instead.

PR: frontpage-web · org-mining-hist-2026-06Created: Jun 18, 2026

Old codejsx

1	`<Settings className='show-for-large' />`
2	`<Settings className='hide-for-large' /> // same internal id twice`

Explanation (EN)

Objašnjenje (HR)

New codejsx

1	`<BreakpointWrapper from={LARGE}><Settings /></BreakpointWrapper>`

Explanation (EN)

Objašnjenje (HR)