React es una biblioteca Javascript de código abierto diseñada para crear interfaces de usuario con el objetivo de facilitar el desarrollo de aplicaciones en una sola página.

• Web oficial

• La sintaxis JSX permite escribir código como si fuese HTML.

Sin JSX:

import { createElement } from 'react'
 
const Desplegable = (props) => {
    return createElement(
        "details", null,
        createElement("summary", null, props.titulo),
        createElement("p", null, props.contenido),
    )
}

Con JSX:

import { createElement } from 'react'
 
const Desplegable = (props) => {
  return (
    <details>
      <summary>{props.titulo}</summary>
      <p>{props.contenido}</p>
    </details>
  )
}

• Las etiquetas siempre deben cerrarse (<etiqueta></etiqueta> o <etiqueta />)
• El nombre de los componentes utilizan Pascal-case
• Variables, constantes, funciones, atributos HTML… en camel-case
• El atributo HTML class se escribe className porque class es palabra reservada en JavaScript.
• El atributo HTML for se escribe htmlFor porque for es palabra reservada en JavaScript.