React
Fondamental
Creating your first React component

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

react
components
props
jsx
functional

Scénario Technique

Context A development team is migrating a static HTML page to a React application. The Problem The current page contains a product card written in plain HTML with no reusability. Every time a new product needs to be displayed, the HTML is duplicated manually. Current Code <div class="card"> <h2>Product Name</h2> <p>$29.99</p> <button>Add to cart</button> </div> Constraints Create a functional component named ProductCard. Accept name and price as props. Render the card structure using JSX. Expected Deliverable A React functional component that renders a product card from props and can be reused across the application.

Prêt à évaluer ce talent ?

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

Commencer le Défis
    React - Creating your first React component | Défi Technique & Recrutement — CodeDuel