Instalación
Tenemos dos maneras de ejecutar código en react. La más sencilla es incorporar los archivos a nuestra página con script:
<script src="https://unpkg.com/react@16/umd/react.production.min.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script> <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
La mejor es usar Node.js y npm (el administrador de paquetes de Node.js) instalados en tu sistema. Ve al sitio web oficial de Node.js en nodejs.org. Allí encontrarás la opción de descargar Node.js para tu sistema operativo (Windows, macOS o Linux). Node.js viene con npm (Node Package Manager) incluido, que es el administrador de paquetes de Node.js.
Una vez que tengas Node.js y npm configurados, sigue estos pasos:
- Instalar create-react-app: Abre tu terminal (en Windows, usa el símbolo del sistema o PowerShell) y ejecuta el siguiente comando para instalar globalmente la herramienta
create-react-app
:npm install -g create-react-app
- Crear una nueva aplicación React: Después de instalar
create-react-app
, puedes crear una nueva aplicación React con el siguiente comando:npx create-react-app nombre-de-tu-app
Reemplaza
nombre-de-tu-app
con el nombre que desees para tu aplicación. - Navegar al directorio de la aplicación: Una vez que se complete la instalación, navega al directorio de tu nueva aplicación usando el siguiente comando:
cd nombre-de-tu-app
- Iniciar la aplicación: Dentro del directorio de tu aplicación, puedes iniciar el servidor de desarrollo ejecutando el siguiente comando:
npm start
Este comando iniciará un servidor de desarrollo y abrirá tu nueva aplicación React en tu navegador predeterminado. Cualquier cambio que realices en los archivos de la aplicación se reflejará automáticamente en el navegador sin necesidad de recargar la página.
¡Y eso es todo! Ahora has creado con éxito una nueva aplicación React y estás listo para comenzar a desarrollar. Puedes editar los archivos dentro del directorio de tu aplicación para construir tu interfaz de usuario utilizando React y explorar las diferentes características y funcionalidades que ofrece React.