Что такое React?
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 и как создать первый проект. В следующих уроках мы продолжим знакомится с ним уже более подробно. Список всех уроках можете найти на этом странице.
Комментарии