Crear un proyecto React desde cero
Primeros pasos con Reaccionar
React es uno de los marcos front-end de JavaScript más populares para crear aplicaciones web. De código abierto por Facebook en 2013, ha sido recibido con entusiasmo por una gran comunidad de desarrolladores.
Antes de comenzar con reaccionar, conoce los conceptos básicos del desarrollo web: HTML, CSS y JavaScript. Comúnmente se usará HTML y CSS para poner el diseño y para crear una página. JavaScript está creando secuencias de comandos de la biblioteca que estamos usando en la reacción.
Configuración del entorno
Antes de comenzar con reaccionar, primero debe asegurarse de que la configuración esté disponible. Debe asegurarse de tener instalado Node.js, puede verificar una versión actualizada ejecutando el siguiente comando:
$ node -version
Creación de un proyecto de reacción
Una de las formas más sencillas de configurar un nuevo proyecto React es usar el script create-react-app. Puede usar el comando npx para ejecutar este script.
$ npx create-react-app test
$ cd test
$ code
Esta es una nueva carpeta de proyecto en Visual Studio Code.
node_modules: todas las dependencias del proyecto se almacenan en esta carpeta
público: esta carpeta incluye los activos estáticos de la aplicación web
src: esta es la carpeta que contiene la implementación de JavaScript de su aplicación React
Ejecución del servidor web de desarrollo
La ejecución del servidor web de desarrollo se realiza ejecutando el script de inicio a través de:
$ npm start
El navegador se abrirá automáticamente y la URLhttp://localhost:3000está abierto.
Ejecución de pruebas
El proyecto de reacción inicial incluye algunos casos de prueba de unidades básicas en src/App.test.js de forma predeterminada. Esas pruebas se pueden ejecutar usando los siguientes métodos:
$ npm run test
Cree una aplicación lista para producción. Esto indica que se ha compilado la aplicación de reacción y que el resultado se ha colocado en la carpeta de compilación del proyecto. El siguiente comando se utiliza para ejecutar la compilación de producción:
$ npm run build
¡Gracias por leer!
Más contenido en plainenglish.io
Suggested posts
Búsqueda de información sobre nombres de dominio
Un extracto de Small, Sharp Software Tools de Brian P. Hogan
Cuando realiza una solicitud a facebook.com, su computadora busca el nombre de dominio para traducir ese nombre de dominio en una dirección IP para que su computadora pueda hacer esa conexión.
Evitar las consecuencias devastadoras de un derrame cerebral: aprender del viaje de una familia.
Introducción Un accidente cerebrovascular es una emergencia médica que puede afectar a cualquier persona en cualquier momento. Ocurre cuando se interrumpe el flujo de sangre a una parte del cerebro, lo que lleva a una pérdida repentina de la función cerebral.
Related posts
Lo que puede hacer en su temporada de espera (esperando conseguir su primer trabajo en tecnología)
Cambiar a una nueva carrera puede ser extremadamente desafiante si trata de hacerlo solo. Es importante encontrar socios responsables que estén en el mismo nivel de aprendizaje que usted, que compartan objetivos, tenacidad e impulso similares.
"La fosa de las Marianas revelada: revelando las aterradoras verdades ocultas del abismo"
Introducción: Bienvenidos, valientes lectores, a un viaje que nos llevará a las profundidades más oscuras de nuestro planeta. En este blog, profundizamos en el enigmático mundo de la Fosa de las Marianas, descubriendo sus secretos ocultos y descubriendo las verdades escalofriantes que se encuentran debajo de su superficie.
Conversaciones peligrosas
Si queremos seguir prosperando en este planeta, vamos a tener que tener conversaciones peligrosas. Aquellas que desafían lo que hemos hecho, lo que estamos haciendo y lo que actualmente vamos a seguir haciendo (o planeamos hacer).