Start.dev
Log inSign up

React State & Props

Challenge set

React State & Props

Practice React state and props through six Challenges covering reusable components, controlled inputs, derived views, immutable updates, and refactoring.

React

Work through the collection

Challenges in This Set

  1. 01

    React

    Build a Team Member Card

    Complete a reusable React team member card that reads name, role, and online status from props while rendering both example members.

    50XPBeginner
  2. 02

    React

    Build a Character Limit Textarea

    Build a typed React textarea that enforces a configurable character limit, reports the remaining count, and sends each accepted value upstream.

    Featuring

    JJason Torres
    100XPIntermediate
  3. 03

    React

    Build a Recipe Serving Scaler

    Build a React recipe scaler that updates ingredient amounts from serving state, respects the 1 to 8 limits, and restores the original recipe.

    100XPIntermediate
  4. 04

    React

    Fix the Mutating Todo State

    Fix a React todo toggle by updating state immutably, changing only the selected item while keeping counts, styles, and repeated clicks in sync.

    Featuring

    JJason Torres
    100XPIntermediate
  5. 05

    React

    Fix the Product Search Filter

    Repair a React product search so the input updates component state and filters product names immediately without case sensitivity.

    100XPIntermediate
  6. 06

    React

    Refactor the Notification Settings

    Refactor repeated React notification rows into one reusable component while keeping state in the parent and preserving every toggle and reset behavior.

    100XPIntermediate