--- title: Your first React App localeTitle: Tu primera aplicación React --- ## Tu primera aplicación React ### Instalación Como se especifica en el artículo anterior (Instalación), ejecute la herramienta `Create React App` . Después de que todo haya terminado, `cd` en la carpeta de su aplicación y ejecute `npm start` . ¡Esto iniciará un servidor de desarrollo y todo está listo para comenzar a desarrollar su aplicación! ```bash npm install -g react-create-app create-react-app my-first-app cd my-first-app npm start ``` ### Editando el codigo Inicie su editor o IDE de su elección y edite el archivo `App.js` en la carpeta `src` . Cuando se crea con la herramienta `react-create-app` , ya habrá algo de código en este archivo. El código constará de estas partes: #### importaciones ```JavaScript import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; ``` El [paquete web lo](https://webpack.js.org/) utiliza para importar todos los módulos necesarios para que su código pueda usarlos. Este código importa 3 módulos: 1) `React` y `Component` , que nos permiten usar React como se debe usar. (Con componentes) 2) `logo` , que nos permite usar `logo.svg` en este archivo. 3) `./App.css` , que importa la hoja de estilo para este archivo. #### clases / componentes ```JavaScript class App extends Component { render() { return (
To get started, edit src/App.js
and save to reload.