create-react-app es la forma más sencilla de iniciar una aplicación React
create-react-app
es un proyecto que tiene como objetivo que te familiarices con React en poco tiempo. Proporciona un iniciador de aplicaciones React listo para usar, para que puedas comenzar a crear tu aplicación sin tener que lidiar con configuraciones de Webpack y Babel.
Incluye de fábrica:
- Un servidor de desarrollo con recarga en caliente
- Proporciona un entorno de prueba con Jest
- permite construir la aplicación React
- listo para la sintaxis ES6+
- Agrupa todo tu JavaScript y activos
- Viene con prefijador automático CSS, soporte para SASS y módulos CSS
- ¡y mucho más!
Comienza usando npx
, que es una forma sencilla de descargar y ejecutar comandos Node.js sin instalarlos. npx
viene con npm
(desde la versión 5.2) y si aún no tienes npm instalado, hazlo ahora desde https://nodejs.org (npm se instala con Node).
Si no está seguro de qué versión tiene, le recomiendo que verifique si necesita actualizar.
Consejo: consulta mi tutorial de terminal en https://flaviocopes.com/macos-terminal/ si no estás familiarizado con él.
Cuando ejecutes npx create-react-app app-name
, npx
descargará la versión más reciente , la ejecutará y luego la eliminará de tu sistema. Esto es genial porque nunca tendrás una versión desactualizada en tu sistema y cada vez que lo ejecutes, obtendrás el código más reciente y mejor disponible .create-react-app
Empecemos entonces:
npx create-react-app todolist
Así es cuando terminó de ejecutarse:
create-react-app
creó una estructura de archivos en la carpeta que usted indicó ( todolist
en este caso) e inicializó un repositorio Git .
También agregó algunos comandos en el package.json
archivo, por lo que puede iniciar la aplicación inmediatamente yendo a la carpeta y ejecutando npm start
. >Canastillas Bebe Gratis ¿Cómo se consiguen? ¿VERDAD O ENGAÑO?
Además de npm start
, create-react-app
se agregaron algunos otros comandos:
npm run build
:para crear los archivos de la aplicación React en labuild
carpeta, listos para ser implementados en un servidornpm test
:para ejecutar el conjunto de pruebas usando Jestnpm eject
:expulsar decreate-react-app
Expulsar es el acto de decidir que create-react-app
ya has hecho suficiente por ti, pero quieres hacer más de lo que eso te permite.
Dado que create-react-app
es un conjunto de convenciones de denominador común y una cantidad limitada de opciones, es casi seguro que en algún momento sus necesidades requerirán algo único que supere las capacidades de create-react-app
.
Al expulsar, se pierde la capacidad de actualizaciones automáticas pero se gana más flexibilidad en la configuración de Babel y Webpack .
Cuando expulses la acción será irreversible. Obtendrás 2 carpetas nuevas en el directorio de tu aplicación, config
y scripts
. Estas contienen toda la configuración que necesitas y ahora puedes comenzar a editarla.
Tal vez te puede interesar:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
Introducción a create-react-app
create-react-appes un proyecto que tiene como objetivo que te familiarices con React en poco tiempo. Proporciona un iniciador de aplicaciones React listo para
programar
es
https://aprendeprogramando.es/static/images/programar-introduccion-a-create-react-app-1857-0.jpg
2024-10-29
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente