Добро пожаловать в это руководство, где я научу вас, как начать работу с React. Я предполагаю, что у вас нет предварительных знаний о реакции, поэтому этот урок будет очень простым.
Первое, что нам нужно сделать, это настроить наш проект. Для этого мы будем использовать инструмент под названием create-response-app. Он разработан facebook, чтобы облегчить нам жизнь при создании приложений для реагирования. Вам нужно запустить эту команду, чтобы настроить свой проект:
npx create-react-app my-app
Это установит ваш проект в папку с именем my-app. Ниже представлена структура этой папки.
my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
└── src
├── App.css
├── App.js
├── App.test.js
├── index.css
├── index.js
├── logo.svg
└── registerServiceWorker.js
Как видите, приложение create react все настроило для нас. Общая папка - это то место, куда вы собираетесь загружать свои статические данные, а в папке src у вас будет весь исходный код. Теперь давайте запустим две команды, чтобы запустить наш веб-сервер для разработки.
cd my-app yarn start
Это откроет новую вкладку в вашем браузере, где вы должны увидеть изображение, подобное этому.
Теперь давайте отредактируем файл App.js, изменив «Добро пожаловать в React» на «Добро пожаловать в slugin.io», и сохраним изменения.
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h1 className="App-title">Welcome to slugin.io</h1>
</header>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
</div>
Теперь вы должны увидеть, что ваш браузер был автоматически обновлен новым текстом. Как это круто?
У нас есть все необходимое, чтобы начать создавать приложения для реагирования. Теперь вы можете завоевать мир! С «некоторой» практикой.
