Como crear tu primera aplicación React con create-react-app

Aquí empiezo con una seguidilla de pequeños tutoriales de cómo crear un proyecto con React, para esto primero vamos a utilizar el comando créate-react-app que es un CLI oficial de React que te permite crear aplicaciones de una manera rápida, sencilla y sin realizar ninguna configuración, necesitarás tener Node> = 6 y npm> = 5.2 en tu máquina. A continuación pondré los comandos a ejecutar.

Paso 1: Instalar

Usando npm instalaremos react-create-app de forma global.

react

Paso 2: Crear la aplicación.

react1

Nota: El nombre de proyecto no debe de llevar Mayúsculas ya que genera un error al momento de crear el proyecto.

Una vez que se haya terminado de crear el proyecto, te mostrara la siguiente pantalla con una lista de comandos que podrás utilizar en tu proyecto.

react2

Ahora nos dirigimos a la carpeta de nuestro proyecto con el siguiente comando.

react3

Paso 3: Iniciar la aplicación

react4

Ahora para visualizar el proyecto levantado nos dirigiremos a la siguiente liga http://localhost:3000/ .

react5

Ya hemos finalizado de crear nuestro proyecto en React y ahora podremos empezar a crear las aplicaciones que queramos. En el siguiente blog iré profundizando más en este tema como guardar el proyecto en un repositorio Git, integrar hojas de estilos, Redux, Node, Mongodb o a ti que te gustaría ver, quedo abierto a sugerencias espero les haya servido este pequeño tutorial de cómo empezar con React.

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s