Servicios Proyectos Aprender Sobre mí Contacto
0/10
Lección 2 de 10

JSX y componentes

JSX es una extensión de sintaxis que parece HTML dentro de JavaScript. Hace que el código React sea más fácil de leer y escribir. Un componente es una función que devuelve JSX.

Los nombres de componentes deben empezar con mayúscula. Puedes anidar componentes dentro de otros.

REACT
// Un componente simple
function Welcome() {
  return <h2>Welcome to my app!</h2>;
}

// Usar el componente dentro de otro
function App() {
  return (
    <div>
      <h1>My Website</h1>
      <Welcome />
      <Welcome />
    </div>
  );
}
🧠

Quiz rápido

Responde bien para desbloquear la siguiente lección.

Apoya la misión

Esta plataforma de aprendizaje es 100% gratuita: sin anuncios, sin seguimiento y sin paywalls. Si te ayudó a aprender algo útil, puedes apoyar futuras lecciones o donar a Médicos Sin Fronteras, que presta atención médica de emergencia en zonas de crisis de todo el mundo.

🎉

¡Completaste React!

Completaste 10 lecciones y cuestionarios de React. Ya tienes claras las bases.