Если вы хорошо знаете эти вещи, вы можете преуспеть в реакции. Если вы хотите научиться реагировать, вам нужно знать о следующих вещах.
1 Начало работы
Вам нужно запустить эти простые 3 команды, чтобы начать создавать приложение для реагирования.
npx create-react-app my-app
npx — это имя пакета, а my-app — это имя вашего реагирующего приложения, которое вы можете настроить.
cd my-app
cd С помощью этой команды вы можете изменить каталог вашего файла, войти в его приложение и открыть приложение.
начало npm / начало пряжи
Используйте эту команду npm start / yarn start для запуска вашего приложения в браузере.
2 запуска сборки npm
Когда ваш проект будет готов, вы запустите эту команду npm run build. Эта команда будет готова разместить ваш проект. Теперь вы можете разместить свое приложение где угодно.
3 н/мин
npm full из диспетчера пакетов Node. Сокращено до npm. Это среда выполнения JavaScript, созданная с помощью node.js и предназначенная для командной строки.
4 JSX
JSX — это синтаксическое дополнение к Javascript. React очень легко создает элемент с помощью JSX. React включает в себя логику рендеринга фактов в сочетании с другой логикой пользовательского интерфейса, то, как обрабатываются события, как состояние меняется с течением времени и как данные подготавливаются для отображения.
5 Реактивный маршрутизатор
С помощью react-router вы можете сделать одностраничное приложение и сделать его динамическим. С реактивным маршрутизатором вы можете изменить все без какой-либо нагрузки, что является его главной особенностью. Он работает как крючок на задней панели браузера. Если вы переходите с одной страницы на другую, ваш сайт не будет обновляться. Если вы хотите использовать реагирующий реагирующий маршрутизатор в своем реагирующем веб-приложении, вам необходимо выполнить следующую команду.
npm install react-router-dom
6 компонентов реакции
Это облегчит вашу работу. Потому что если вы хотите сделать приложение, вам придется писать код кому-то другому. Если вы напишете их все вместе, то это может не сработать или станет намного больше. Для этого в компонентах вы можете по-разному выполнять свою работу по частям и подключать их к родительскому компоненту.
7 React виртуальный DOM
Теперь вам должно быть интересно, что такое DOM. DOM — это сокращение от «объектная модель документа». Это программный интерфейс браузера для HTML, а также XML-документов, которые обрабатывают их как древовидную структуру. DOM API используется для изменения структуры, стиля и содержимого документа. Изменения, внесенные в DOM, применяются к дочерним элементам. Это возможно благодаря древовидной структуре DOM. Что ж, виртуальный DOM React ускоряет визуализацию изменений в его дочерних компонентах.
8 реквизитов по умолчанию
реквизиты по умолчанию могут быть определены как свойство самого класса компонента, чтобы установить реквизиты по умолчанию для класса. Это используется для «неопределенных» реквизитов, но не для «нулевых» реквизитов.
9 государство
С состоянием вы можете легко делать многие современные вещи. Ниже приведен пример
При нажатии на кнопку выше откроется полоса значений счетчика. Если бы вы не сделали это с государством, вам пришлось бы много страдать.
10 Как работает React JS
Если вы хотите писать HTML на javascript, то react — идеальное решение для вас. В реакции вы можете писать HTML-код без каких-либо условий. Кроме того, react — очень мощная библиотека, которая будет творить чудеса в ваших проектах. Он очень быстрый, простой в освоении, имеет отладку и многие другие преимущества при выполнении. Интернет сейчас движется вперед в прогрессивной магии отзывчивости.
