El ejemplo más pequeño de React tiene este aspecto:
ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root'));Muestra un encabezado que dice «¡Hola, mundo!» en la página.
Pruébalo en CodePen
Haz clic en el enlace de arriba para abrir un editor online. Siéntase libre de hacer algunos cambios, y ver cómo afectan a la salida. La mayoría de las páginas de esta guía tendrán ejemplos editables como éste.
Cómo leer esta guía
En esta guía, examinaremos los bloques de construcción de las aplicaciones React: elementos y componentes. Una vez que los domines, podrás crear apps complejas a partir de pequeñas piezas reutilizables.
Consejo
Esta guía está diseñada para personas que prefieren aprender conceptos paso a paso. Si prefieres aprender haciendo, consulta nuestro tutorial práctico. Puede que esta guía y el tutorial se complementen.
Este es el primer capítulo de una guía paso a paso sobre los principales conceptos de React. Puedes encontrar una lista de todos sus capítulos en la barra lateral de navegación. Si estás leyendo esto desde un dispositivo móvil, puedes acceder a la navegación pulsando el botón de la esquina inferior derecha de tu pantalla.
Cada capítulo de esta guía se basa en los conocimientos introducidos en capítulos anteriores. Puedes aprender la mayor parte de React leyendo los capítulos de la guía «Conceptos principales» en el orden en que aparecen en la barra lateral. Por ejemplo, «Introducing JSX» es el siguiente capítulo después de este.
Supuestos del nivel de conocimiento
React es una librería de JavaScript, por lo que asumiremos que tienes un conocimiento básico del lenguaje JavaScript. Si no te sientes muy seguro, te recomendamos que te pases por un tutorial de JavaScript para comprobar tu nivel de conocimientos y poder seguir esta guía sin perderte. Puede que te lleve entre 30 minutos y una hora, pero como resultado no tendrás que sentir que estás aprendiendo React y JavaScript al mismo tiempo.
Nota
Esta guía utiliza ocasionalmente algunas de las sintaxis más nuevas de JavaScript en los ejemplos. Si no has trabajado con JavaScript en los últimos años, estos tres puntos deberían servirte para la mayor parte del camino.
¡Comencemos!
Sigue desplazándote hacia abajo, y encontrarás el enlace al siguiente capítulo de esta guía justo antes del pie de página del sitio web.