Привет, React # 1: Создание одностраничного приложения с помощью React

Несколько дней назад мы искали гибкую библиотеку JavaScript, которую можно было бы использовать в различных проектах. По сути, это то, с чем мы можем создавать новые приложения или внедрять их в существующий проект, не переписывая его. Однако мы столкнулись с React, библиотекой JavaScript для создания пользовательских интерфейсов, и AngularJS, JavaScript MVW Framework.

Прежде чем мы начнем создавать одностраничное приложение с помощью React, нам нужно установить NodeJS и NPM. После того, как вы их установили, мы готовы создать наше первое приложение с React.

Создать приложение React — лучший способ начать создание нового одностраничного приложения React. Итак, мы будем использовать его для создания первого одностраничного приложения с React.

sudo npm install -g create-react-app
create-react-app hello-world
cd hello-world
npm start

create-react-app создаст для нас приложение hello-world со следующей структурой каталогов.

hello-world/
  README.md
  node_modules/
  package.json
  .gitignore
  public/
    favicon.ico
    index.html
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg

Чтобы увидеть запущенное приложение, откройте http://localhost:3000/. Страница перезагрузится, если мы внесем какие-либо изменения в приложение. Кроме того, для запуска тестов просто выполните команду:

npm test

Он запустит наблюдателя за тестами в интерактивном режиме.

Наконец, чтобы развернуть приложение, мы можем связать его в производственном режиме и оптимизировать для максимальной производительности.

Сборка минимизирована, а имена файлов включают хэши. Наконец, наше приложение готово к развертыванию. Обратите внимание, что мы еще не описали различные компоненты приложения. Итак, следите за обновлениями!