Premium

React Transfer List (Select + Move Between Two Lists)

By FrontendAtlas Team · Updated Jan 30, 2026

Build a React transfer list UI with two panels and checkbox selection. Users select items in one list and move them to the other with arrow buttons. Preserve item order, clear selection after transfer, and disable buttons when nothing is selected. Include keyboard navigation, focus…

  • Render two lists: Top and Bottom.
  • Each list shows items with a checkbox to select.

Challenge preview

React Transfer List (Select + Move Between Two Lists): Build a React transfer list UI with two panels and checkbox selection. Users select items in one list and move them to the other…. Expect react and state decisions under intermediate level constraints.

Premium unlocks

  • Full editor workflow with starter files, tests, and solution context.
  • Edge cases, common mistakes, and complexity notes for the interview discussion.
  • Progress tracking once you unlock and complete the challenge.

Free warm-up options

Upgrade to FrontendAtlas Premium to unlock this challenge. Already upgraded? Sign in to continue.