\n\nEstos documentos son antiguos y no se actualizarán. Vaya a react.dev para ver los nuevos documentos de React.
\nEl nuevo Inicio rápido enseña React moderno e incluye ejemplos interactivos.
\n
Esta página es un resumen de la documentación de React y recursos relacionados.
\nReact 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.
\nReact 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.
\nSi 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 Stackblitz.
\nSi 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.
\nPuedes agregar React a un HTML en un minuto. Puedes o bien ir agregándolo gradualmente, o mantenerlo contenido en unos cuantos widgets dinámicos.
\nCuando 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.
\nA 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 cómo.
\nLas 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.
\nComo cualquier tecnología desconocida, React tiene una curva de aprendizaje. Con práctica y un poco de paciencia, obtendrás habilidad sobre esta.
\nLa 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.
\nSi 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.
\nSi vienes con experiencia como diseñador, estos recursos son un gran lugar para empezar.
\nLa 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.
\nRecomendamos 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.
\n\n\nConsejo
\nCuando 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.
\n
Si prefieres aprender mediante la 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 te interesa mucho el desarrollo de 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.
\nSi 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.
\nMuchos 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.
\nA 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.
\nUna 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.
\nEsta 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.
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.
\nEl 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.
\nTambién puedes seguir la cuenta de @reactjs en Twitter, pero no te perderás de nada esencial si solo lees el blog.
\nNo 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.
\nEsta 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.
\nSi 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!
","frontmatter":{"title":"Empezando","next":"add-react-to-a-website.html","prev":null},"fields":{"path":"content/docs/getting-started.md","slug":"docs/getting-started.html"}}},"pageContext":{"slug":"docs/getting-started.html"}},"staticQueryHashes":[]}