title |
---|
Instalación |
React se ha diseñado desde un inicio para una adopción gradual, así puedes usar tan poco o mucho de React como necesites. Ya sea que quieras probar de qué va React, agregar interactividad a una página HTML o crear una aplicación compleja con React, los enlaces de esta sección te ayudarán a comenzar.
- Cómo añadir React a una página HTML
- Cómo iniciar un proyecto completo en React
- Cómo configurar tu editor
- Cómo instalar las Herramientas de Desarrollo de React
No necesitas instalar nada para jugar con React. ¡Prueba editar este ejemplo de código!
function Greeting({ name }) {
return <h1>Hello, {name}</h1>;
}
export default function App() {
return <Greeting name="world" />
}
Utilizamos ejemplos interactivos de código (sandboxes) a lo largo de esta documentación como ayuda a la enseñanza. Estos ejemplos te ayudan a familiarizarte con la forma en que React funciona y te ayudarán a decidir si React es lo adecuado para ti. Fuera de la documentación de React, también existen muchos sandboxes en línea que permiten usar React: por ejemplo, CodeSandbox, Stackblitz, o CodePen.
Para probar React de forma local en tu computadora, descarga esta página HTML. ¡Ábrela en tu editor y en tu navegador!
Si estás trabajando con un sitio existente y solo necesitas añadir un poco de React, puedes añadir React con una etiqueta script.
Si estás listo para iniciar un proyecto completamente en React, puedes configurar una herramienta mínima que provea una agradable experiencia de desarrollo. También puedes comenzar con un framework que tome más decisiones por ti desde un inicio.
¡Por dónde comiences depende de cómo te gusta aprender, qué necesitas lograr y adónde quieres dirigirte luego! ¿Por qué no leer Pensar en React--nuestro tutorial introductorio? O puedes saltar a Describir la IU para jugar con más ejemplos y aprender cada tema paso a paso. ¡No hay una forma incorrecta de aprender React!