Premium

Derive in render vs store derived state in React

Guided tradeoff battle · Updated Mar 29, 2026

Challenge summary

A React filter panel needs visible results, a count badge, and a disabled Apply button. Would you compute these from current state or store them separately?

What you'll practice

  • Compare the available options against the prompt constraints.
  • Defend one direction while acknowledging its main downside.
  • Explain when an alternative becomes the stronger choice.

What Premium unlocks

Premium unlocks the option matrix, scenario-specific evaluation, answer walkthrough, and follow-up trade-off discussion.

Free related practice

Upgrade to FrontendAtlas Premium to access this tradeoff battle. Already upgraded? Sign in to continue.