Codstak
    • Home
    • DSA
    • JavaScript
    • TypeScript
    • Node.js
    • React
    • More↓
      BlogReact PrepPricingDiscordNewsletterLeaderboard
    React challenge/easy

    Preference Toggle Switch

    Challenge workspace

    15-20 min
    State and eventsPath 3/33
    State & eventsConditional rendering

    Suggested first

    Counter Card

    Your workspace must pass its server-side browser checks to complete this challenge.

    Preference Toggle Switch

    Create a reusable on/off control using a real button and React state.

    Requirements

    • Initialize the preference to off.
    • Toggle it on every click without mutating state.
    • Apply the enabled class only when active.