--- title: Your first React App localeTitle: Ваше первое приложение React --- ## Ваше первое приложение React ### Монтаж Как указано в предыдущей статье (Установка), запустите инструмент `Create React App` . После того, как все закончится, введите `cd` в папку приложения и запустите `npm start` . Это запустит сервер разработки, и вы все готовы начать разработку своего приложения! ```bash npm install -g react-create-app create-react-app my-first-app cd my-first-app npm start ``` ### Редактирование кода Запустите свой редактор или IDE по выбору и отредактируйте файл `App.js` в папке `src` . При создании с помощью средства `react-create-app` в этом файле уже будет некоторый код. Код будет состоять из следующих частей: #### импорт ```JavaScript import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; ``` Это используется [webpack](https://webpack.js.org/) для импорта всех необходимых модулей, чтобы ваш код мог их использовать. Этот код импортирует 3 модуля: 1) `React` и `Component` , которые позволяют нам использовать Реакт, как он должен использоваться. (С компонентами) 2) `logo` , который позволяет использовать `logo.svg` в этом файле. 3) `./App.css` , который импортирует таблицу стилей для этого файла. #### классы / компоненты ```JavaScript class App extends Component { render() { return (
To get started, edit src/App.js
and save to reload.