Empezando

Esta página es un resumen de la documentación de React y recursos relacionados.

React es una biblioteca Javascript para crear interfaces de usuario. Aprende todo de lo que trata React en nuestra página principal o en este tutorial.


Prueba React

React ha sido diseñado desde su inicio para ser adoptado gradualmente, así puedes usar tan poco o mucho de React como necesites. Si quieres una prueba de React, agregar interactividad a una simple página HTML o empezar una aplicación compleja con React, los enlaces de esta sección te ayudarán a empezar.

Área de juegos

Si estás interesado en jugar un poco con React, puedes usar un editor de código online. Prueba la plantilla “Hola mundo” en CodePen, CodeSandbox o Glitch.

Si prefieres usar tu propio editor, también puedes descargar este archivo HTML, editarlo, y abrirlo desde tu sistema de archivos al navegador. Esto realiza una transformación de código lenta, así que solo recomendamos esto para pruebas simples.

Agregar React a un sitio web.

Puedes agregar React a un HTML en un minuto. Puedes o bien ir agregándolo gradualmente, o mantenerlo contenido en unos cuantos widgets dinámicos.

Crea una aplicación React nueva

Cuando se empieza un proyecto con React, una simple página HTML con una etiqueta de tipo script puede ser la mejor opción. Solo toma un minuto para configurarse.

A medida que tu aplicación crezca, puede que consideres una configuración más integrada. Hay una gran variedad de herramientas que recomendamos para aplicaciones más grandes. Cada una de ellas puede funcionar con poca configuración, y te permite tomar toda la ventaja de un ambiente React completo.

Aprende React

Las personas vienen a React de distintos orígenes y de diferentes estilos de aprendizaje. Si prefieres un enfoque más teórico o práctico, esperamos que encuentres esta sección útil.

Como cualquier tecnología desconocida, React tiene una curva de aprendizaje. Con práctica y un poco de paciencia, obtendrás habilidad sobre esta.

Primeros ejemplos

La página principal de React tiene unos cuantos ejemplos pequeños de React con un editor en vivo. Incluso si no sabes nada de React aún, prueba cambiando el código y mira cómo afecta el resultado.

React para principiantes

Si sientes que la documentación de React va a un ritmo mayor del que te sientes cómodo, mira este resumen de React por Tania Rascia. Introduce los conceptos más importantes de React de una forma más detallada y amigable para los principiantes. Una vez que lo termines, intenta leer la documentación de nuevo.

React para diseñadores

Si vienes con experiencia como diseñador, estos recursos son un gran lugar para empezar.

Recursos JavaScript

La documentación de React asume cierta familiaridad con la programación en Javascript. No necesitas ser un experto, pero es más difícil aprender React y Javascript al mismo tiempo.

Recomendamos pasar por este resumen de Javascript para medir tu nivel de conocimiento. Te tomará entre treinta minutos y una hora, pero te sentirás más seguro aprendiendo React.

Consejo

Cuando te sientas confundido sobre algo de Javascript, MDN y javascript.info son sitios increíbles para revisar. También hay un foro de asistencia por la comunidad donde puedes pedir ayuda.

Tutorial práctico

Si prefieres aprender mediante práctica, mira nuestro tutorial práctico. En este tutorial construimos el juego tres en raya en React. Puede que te sientas tentado a saltártelo porque no desarrollas juegos, pero dale una oportunidad. Las técnicas que aprenderás en el tutorial son fundamentales para desarrollar cualquier aplicación con React, y dominarlas te dará un entendimiento mucho más profundo.

Guía paso a paso

Si prefieres aprender los conceptos paso a paso, nuestra guía a los conceptos principales es el mejor lugar para empezar. Cada capítulo en ella parte del conocimiento introducido en capítulos anteriores, por lo que no te perderás nada a medida que avanzas.

Pensando en React

Muchos usuarios de React dan crédito a leer Pensando en React como el momento en el que React finalmente tuvo “sentido” para ellos. Es probablemente el paso a paso más viejo, pero aún es igual de relevante.

A veces las personas consiguen libros de terceros o recursos de video más útiles que la misma documentación. Mantenemos una lista de recursos usualmente recomendados, algunos de ellos son gratis.

Conceptos avanzados

Una vez que te sientas cómodo con los conceptos principales y hayas jugado con React un poco, puede que estés interesado en temas más avanzados. Esta sección te presentará funcionalidades poderosas, pero menos conocidas de React como contexto o referencias.

Referencia de la API

Esta sección de la documentación es útil si quieres aprender detalles sobre una API de React en específico. Por ejemplo, la referencia de React.Component te puede dar detalles en cómo funciona setState(), y para qué sirven diferentes métodos del ciclo de vida del componente.

Glosario y preguntas frecuentes

El glosario contiene un resumen de los términos más comunes que verás en la documentación de React. También hay una sección de preguntas frecuentes dedicada a preguntas cortas y respuestas sobre temas comunes, incluyendo realizar solicitudes con AJAX, estado de un componente, y estructura de archivos.

Mantente informado

El Blog de React es la fuente oficial de actualizaciones por parte del equipo de React. Cualquier información importante, incluyendo notas sobre lanzamientos o notas de depreciación, serán puestas allí primero.

También puedes seguir la cuenta de @reactjs en Twitter, pero no te perderás de nada esencial si solo lees el blog.

No todos los lanzamientos de React ameritan su propia publicación en el blog, pero puedes encontrar una lista detallada de cambios para cada lanzamiento en el archivo CHANGELOG.MD en el repositorio de React, así como también en la página de Lanzamientos.

Documentación por versiones

Esta documentación siempre refleja la última versión estable de React. Desde React 16, puedes encontrar versiones más antiguas de la documentación en una página separada. Recuerda que la documentación para versiones más antiguas es una copia exacta a la del tiempo en que fue lanzada, por lo que no es constantemente actualizada.

¿Algo hace falta?

Si algo hace falta en la documentación, o si estas confundido, por favor abre un caso en el repositorio de la documentación con tus sugerencias para mejoras, o envía un tweet a la cuenta de @reactjs. ¡Nos encanta saber de ti!