Введение
React — это библиотека JavaScript, используемая для создания многократно используемых компонентов пользовательского интерфейса. Это серверы как представление архитектуры MVC. React предназначен не только для разработки веб-приложений, мы также можем использовать react-native для разработки кроссплатформенных мобильных приложений. Основная цель — добиться скорости, простоты и масштабируемости приложений.
Функции
- Использует расширение JSX, чтобы мы могли легко писать HTML-код внутри JavaScript.
- Сохраняет упрощенное представление DOM в памяти, также известное как VDOM (Virtual DOM).
- Производительность очень высока из-за VDOM.
- Предотвращайте атаки межсайтовых сценариев, преобразовывая выражения в строки.
Создание приложения React
Откройте расположение файла, в котором вы хотите создать реагирующее приложение из любой IDE.
Создайте package.json, чтобы открыть терминал,
Затем установите зависимости в свой проект,
- реагировать [документация]
- реактивный дом [документация]
- react-router-dom [документация]
- посылка [документация]
Затем создайте index.html и создайте структуру HTML по умолчанию. Также создайте файл index.jsx.
Зайдите в index.html›, создайте div, затем создайте идентификатор и назовите его как app. Кроме того, создайте тег скрипта и свяжите src с index.jsx.
Создайте каталог с именем components и создайте файл с именем App.jsx.
- Зайдите в App.jsx,
- импортировать реат
- создайте класс с именем App, затем расширьте его с помощью React.Component.
- внутри класса добавьте функцию рендеринга, которая возвращает сегменты HTML-кода
- экспортировать приложение
Затем перейдите к файлу index.jsx.
- импортируем созданные нами компоненты React, Render-Dom и App.
- вызвать функцию рендеринга
Добавьте начальный тег и определите его в файле package.json, чтобы вы могли легко запускать приложение, не упоминая имя файла.
Затем откройте терминал и запустите проект npm start.
Перейдите на localhost:1234 и проверьте свое приложение.
Спасибо