React
Expert
Building a fully concurrent-safe data table with React 18 transitions

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

react
usetransition
concurrent
react18
performance

Scénario Technique

Context A financial dashboard renders a large sortable and filterable data table. Applying filters currently blocks the main thread, freezing the UI during heavy re-renders. The Problem Sorting or filtering 50,000 rows causes input fields to become unresponsive for several hundred milliseconds because the update is treated as urgent. Constraints Wrap non-urgent state updates (sort, filter) with startTransition from React 18. Use useTransition to display a pending indicator during the transition. Ensure input fields remain responsive at all times. Expected Deliverable A React 18 data table using useTransition to defer expensive rendering updates, demonstrating the concurrency model with a visible responsiveness improvement.

Prêt à évaluer ce talent ?

Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.

Commencer le Défis