Introducción a create-react-app

 

 

 

create-react-app es la forma más sencilla de iniciar una aplicación React

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 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. npxviene 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, npxdescargará 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-appcreó una estructura de archivos en la carpeta que usted indicó ( todolisten este caso) e inicializó un repositorio Git .

También agregó algunos comandos en el package.jsonarchivo, 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-appse agregaron algunos otros comandos:

  • npm run build:para crear los archivos de la aplicación React en la buildcarpeta, listos para ser implementados en un servidor
  • npm test:para ejecutar el conjunto de pruebas usando Jest
  • npm eject:expulsar decreate-react-app

Expulsar es el acto de decidir que create-react-appya has hecho suficiente por ti, pero quieres hacer más de lo que eso te permite.

Dado que create-react-appes 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, configy scripts. Estas contienen toda la configuración que necesitas y ahora puedes comenzar a editarla.




Tal vez te puede interesar:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. Cómo comprobar si un elemento DOM tiene una clase

Introducción a create-react-app

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

 

Introducción a create-react-app
Introducción a create-react-app

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

 

 

Update cookies preferences