DEV Community

Jesús Gonzales
Jesús Gonzales

Posted on

INICIAR UN PROYECTO EN REACT

Hola devs

Empezar un proyecto en React suele ser muy complicado, con tantas herramientas de compilación, el uso de muchas dependencias, archivos de configuración y otros requisitos previos para escribir lineas de código en React.

CREATE-REACT-APP

El create-react-app es una excelente herramienta para nuestros inicios. Nos permite crear y ejecutar proyectos muy rapidos y lo mejor, que no requiere ninguna configuración manual.

Esta herramientas envuelve todas las dependencias requeridas como "webpack" y "babel".

REQUISITOS

Debemos de considerar los siguientes dos requisitos:
1.- versión NODEJS >= 8.10
2.- versión NPM >= 5.6

INSTALACIÓN

Aprendamos a instalar la herramienta create-react-app mediante los siguientes pasos:

1.- Instalar React usando el administrador de paquetes npm, con el siguiente comando:

npm install -g create-react-app
Enter fullscreen mode Exit fullscreen mode

CREACIÓN DE NUESTRO PRIMER PROYECTO

Una vez que la instalación haya sido exitosa, podemos crear nuestro primer proyecto en React utilizando la herramienta create-react-app mediante el siguiente comando:

npx create-react-app nuevo-proyecto
Enter fullscreen mode Exit fullscreen mode

Veras que tardará unos minutos en crear el proyecto y es normal (ten paciencia).

EJECUTAR

Finalmente para ejecutar un proyecto en React deberas escribir en la consola:

npm start
Enter fullscreen mode Exit fullscreen mode

Latest comments (0)