Premium
Debug: Component Renders Twice on Every Update
Challenge summary
Explain StrictMode double-invocation, idempotent effects, and testing for unintended side effects; use profiling for performance.
What you'll practice
- Keep the UI structure and existing styles.
- Clicking "Increment" should increase the count by 1.
- The parity label must remain correct (even/odd).
- A single click should result in only one additional render (render count increases by 1).
- Count increases by 1 when Increment is clicked.
What Premium unlocks
Premium unlocks the runnable workspace, behavioral checks, implementation walkthrough, and edge-case discussion.
Free related practice
Upgrade to FrontendAtlas Premium to unlock this challenge. Already upgraded? Sign in to continue.