Skip to content
blankcode
← Back to paths

React hooks

Storage, debounce, a virtual list, a form, and infinite scroll. No blanks.

5 challenges

Start here

  1. 1. Challenge: Build a Custom useLocalStorage Hook

    intermediate

    Create a React hook that persists state to localStorage with proper typing.

    React

  2. 2. Challenge: Build a Debounced Search Component

    intermediate

    Create a search component with debounced API calls and proper loading states.

    React

  3. 3. Challenge: Build a Virtualized List Component

    advanced

    Create a performant virtualized list that renders only visible items.

    React

  4. 4. Challenge: Build a Form Validation Hook

    advanced

    Create a reusable form validation hook with custom rules.

    React

  5. 5. Challenge: Build an Infinite Scroll with Data Fetching

    expert

    Create a performant infinite scroll component with data fetching and caching.

    React