React.js — это JavaScript библиотека разработанный от Facebook, который предназначен для разработки интерфейсов. React очень популярен, его используют и небольшие компании и гиганты.

Часто в сети можно найти споры и вопросы такого типа: Чем отличается React от Angular, Ember, Backbone и других? что выбрать для проекта Angular или React? Как управлять данными? Как взаимодействовать с сервером? …

Эти споры и сравнения не имеют смысла. React.js — это библиотека (только представление), его можно использовать практически в любом проекте, также его можно использовать вместе с AngularJS. AngularJS — это полноценный фреймворк (включающий и уровень представления).

В React используется так называемый компонентный подход, тут нет нет контроллеров, вьюшек, моделей, шаблонов. У React.js, как и в любом другом библиотеке или фреймворке, есть минусы и плюсы.

Плюсы:

• Вы всегда можете сказать, как ваш компонент будет отрисован, глядя на исходный код.
• Связывание JavaScript и HTML в JSX делает компоненты простыми для понимания.
• Вы можете рендерить React на сервере.

Установка и создание первого проекта на React

Для работы с React.js нужно установить Node.js и NPM. Если у вас Windows, то вам нужно перейти на официальный сайт Node.js, скачать инсталляционный файл и установить Node.js и NPM. Если у вас Linux, то вам сюда — установка Node.js и NPM на Linux.

Есть несколько вариантов установки и создание проектов на React. Мы воспользуемся генератором проектов. Генератор генерирует базовый каркас, который будет основой для нашего проекта.

Нам нужно с помощью Node.js установить глобально модуль create-react-app (генератор). Для этого открываем терминал (windows — cmd) и вводим следующую команду:

npm install -g create-react-app

После этого мы можем сгенерировать каркас:

create-react-app my_project

Здесь create-react-app — это команда, а my_project — имя проекта. Генерация проекта обычно занимает несколько минут. После генерации переходим в папку проекта (my_project) и стартуем проект:

cd my_project
npm start

Проект будет выполнение npm start, проект будет доступен по этому адресу https://localhost:3000 .

В этом небольшом уроке мы узнали, что такое React и как создать первый проект. В следующих уроках мы продолжим знакомится с ним уже более подробно. Список всех уроках можете найти на этом странице.

The post Что такое React.js — Установка, настройка React appeared first on HackerX.