Scribd
Cargar
53 vistas2 páginas

Iniciar Proyecto React

El documento proporciona instrucciones para crear un nuevo proyecto React. Se detalla el proceso de creación de una carpeta, inicialización del proyecto con 'create-react-app', y la configuración básica de archivos como App.js e index.js. También se indica cómo eliminar archivos innecesarios y cómo iniciar el servidor de desarrollo.

Cargado por

Martino Zelaya
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
53 vistas2 páginas

Iniciar Proyecto React

El documento proporciona instrucciones para crear un nuevo proyecto React. Se detalla el proceso de creación de una carpeta, inicialización del proyecto con 'create-react-app', y la configuración básica de archivos como App.js e index.js. También se indica cómo eliminar archivos innecesarios y cómo iniciar el servidor de desarrollo.

Cargado por

Martino Zelaya
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd

CREA UNA NUEVA CARPETA CON EL NOMBRE DE TU PROYECTO

LUEGO ABRE UNA TERMINAL Y VE A ESA CARPETA

LUEGO ESCRIBE

npx create-react-app nombre-app

ESTO CREARA UN PROYECTO REACT EN TU CARPETA

LUEGO ENTRAMOS A ELLA CON

cd nombre-app

AL ESTAR EN LA CARPETA DEL PREOYECTO INICIAMOS LA CARPETA EN VISUAL CON

code .

AUTOMATICAMENTE SE ABRIRA EL PROYECTO DE REACT EN VISUAL

LUEGO INICIAMOS EL PROYECTO ABRIENDO LA TERMINAL DE VISUAL Y ESCRIBE

npm run start

SE INICIARA EN EL SERVIDOR

[Link]

AHORA ENTRA A LA CARPETA

src

ENTRA EN [Link] Y HAZ QUE QUEDE ASI

import React from 'react';

function App() {
return (
<div>
<h1>Hola!</h1>
</div>
);
}

export default App;

AHORA ELIMINA LOS SIGUIENTES ARCHIVOS

[Link]
[Link]
[Link]
[Link]
[Link]

ENTRA A [Link] Y DEJALO ASI

import React from 'react';


import ReactDOM from 'react-dom';
import './[Link]';
import App from './App';

[Link](
<[Link]>
<App />
</[Link]>,
[Link]('root')
);

DE ESTA FORMA QUEDARA LISTO PARA COMENZAR A TRABAJAR

También podría gustarte