--- title: Your first React App localeTitle: Seu primeiro aplicativo React --- ## Seu primeiro aplicativo React ### Instalação Conforme especificado no artigo anterior (Instalação), execute a ferramenta `Create React App` . Depois de tudo ter terminado, `cd` para a pasta do seu aplicativo e executá `npm start` . Isso iniciará um servidor de desenvolvimento e você está pronto para começar a desenvolver seu aplicativo! ```bash npm install -g react-create-app create-react-app my-first-app cd my-first-app npm start ``` ### Editando o código Inicie o seu editor ou IDE de escolha e edite o arquivo `App.js` na pasta `src` . Quando criado com a ferramenta `react-create-app` , já haverá algum código nesse arquivo. O código consistirá dessas partes: #### importações ```JavaScript import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; ``` Isso é usado pelo [webpack](https://webpack.js.org/) para importar todos os módulos necessários para que seu código possa usá-los. Este código importa 3 módulos: 1) `React` e `Component` , que nos permitem usar Reagir como deveria ser usado. (Com componentes) 2) `logo` , o que nos permite usar `logo.svg` neste arquivo. 3) `./App.css` , que importa a folha de estilo para este arquivo. #### classes / componentes ```JavaScript class App extends Component { render() { return (
To get started, edit src/App.js
and save to reload.