Hace unas semanas publiqué un artículo titulado: crea tu primer componentee con vue.js (para dummies) el cual tuvo buena recepción por parte de la comunidad, estos días de cuarentena debido a la emerencia sanitari en React.js, Por Ello Iré Compartiendo Diferentes Artículos relacionados con esta tecnología.
React.js es una Librería CREADA POR ELFOO DE DESARROLLO DE Facebook Para La Creación de Interfaces gráficas de usuario. En los últimos años ha adquirido gran populityidad en las comunidades de desarrollo web, además de tener una fuerte salida laboral en el mercado front-end de varios países.
¿Wes React-Create-App?
Существует Varias maneras de crear un proyecto con react.js, una de ellas es instalando las herramientas necesarias (Вавилон, Webpack и т. Д.) Руководство De Manera, Para Ello se necesita tener ciertos conocimientos para para configurar dichas herramientas de la manera adecuada; Esto puede ser algo desmotivante e intimidante para alguien que recién comienza againizarse con esta tecnología.
Create-React-App
es una forma más sencilla de poder crear proyectos pre-configurados y listos para usarse, omitiendo de esta manera la configuración inicial ourtiéndonos trabajar de inmediato en nuestro proyecto.
¿Cómo crear un proyecto usando create-react-app?
Para poder crear un nuevo proyecto de React.js usando Создать-реакт-приложение
Necesitamos tener instalado en nuestro ordenador tanto node.js como npm.
Существенные учебные пособия Varios en la red sobre como entalar estas tecnologías.
Una Vez que cuenten con node y npm bastará con seguir los siguientes pasos:
EN UNA Терминал (Y El Directorio de Su Preferencia) ejecutar:
NPM Install -g Create-React-App
Анкет Este Comando Instalará de Manera Global El PaqueteCreate-React-App
АнкетPara verificar que el paquete ha sido instalado con éxito, ejecutar en la consola:
Создать-реакт-приложение
y esperar un mensaje de instalación satesfactoria.
- Ya para finalizar, Podemos crear un nuevo proyecto con la siguiente sintaxis de comando:
Create-React-App Nombre-Del-Proyecto
Por ejemplo, si Quisiera Crear un nuevo proyecto llamado tienda_online tendría que escribir el siguiente comando: Создать-реакт-приложение Tienda_online
. ¡Y Listo! ESO ES TODO.
Tener en Cuenta Que La Creación de un nuevo proyecto usando este método puede demorar varios minutos, es normal y variará vagiendo el ancho de banda.
Una Vez Finalizada La Creación del Proyecto se puede ejecutar npm start
Que inicializará un Servidor de Desarrollo (Por Lo General En Puerto 3000)
Заключение
Para evitar configuraciones complejas al Momento de iniciar con React.js Es рекомендуется Crear proyectos usando
React-Create-App
АнкетCreate-React-App
ES Extremadamente Sencillo de instalar y de usar.
Ссылки
Оригинал: “https://dev.to/duxtech/como-crear-un-proyecto-de-react-js-desde-0-create-react-app-49f6”