Пройдемся по React.
В мире технологий сообщество javascript можно признать самым быстрорастущим сообществом. Мы можем наблюдать, как время от времени повторяются различные фреймворки, и это причина того, что они занимают первое место. Тем не менее, это ваше личное решение, чтобы выбрать то, что лучше для вас. Недавно я начал работать с React в эти дни.
Прежде всего, я должен сказать вам, что React — это не фреймворк, а React — это библиотека. Когда мы возвращаемся к прошлому, React был введен разработчиками Facebook несколько лет назад, и с тех пор он смог набрать обороты среди разработчиков с открытым исходным кодом, потому что есть много API, с которыми вы можете ознакомиться, работая с React.
Среда разработки React основана на компонентном подходе и делит ваш код на многократно используемые компоненты. Это исключительный подход, когда дело доходит до разработки современных веб-приложений, этот подход помогает разработчикам уменьшить сложность кода.
01- Давайте перейдем к компоненту React
Давайте создадим компонент быстрого реагирования.
Как видите, в Js есть HTML. На самом деле это Js в ваших Js. В этой реакции преобразуйте html, который вы думаете, в классы реакции, и то, что вы видите сейчас, называется JSX (JavaScript XML). Будьте с ним на связи. Это совершенно замечательно.
02 – Реквизит
Реквизиты используются для передачи данных компонентам в реакции. Реквизит помогает уменьшить количество «состояния» и ответственности, которые есть у каждого компонента. Это лучший вариант, когда вам нужно использовать один и тот же компонент с разными данными в одном приложении или в другом месте. давайте рассмотрим пример.
Сделав еще один шаг, мы можем уменьшить объем стандартного кода и смонтировать "глупый компонент". Тупой компонент можно объяснить как «компонент без состояния», который устраняет требования к реактивному компоненту.
03 — Состояние реакции
При создании пользовательского интерфейса в react. Вы можете предпочесть сохранять отслеживание состояния для конкретных взаимодействий компонентов. Независимо от того, активно раскрывающееся меню или нет, это состояние. Текущее количество приложений сохраняется в состоянии компонента приложения, показанном ниже.
В приведенном выше примере внутри конструктора задается начальное состояние, а также есть метод, отвечающий за обновление состояния. Важно не обновлять состояние напрямую, потому что setState запускает повторную визуализацию компонента, а это состояние — нет.
React очень быстр, когда дело доходит до рендеринга изменений и управления этими изменениями с помощью «виртуального DOM». Вместо того, чтобы обновлять DOM напрямую, реагируйте на обновление только того, что было изменено в части, и это волшебно.
Функция рендеринга необходима компонентам React. Как мы показали, текущее состояние, а также кнопка, которая выполняет наш метод _incrementCount(), будут обновлять состояние и DOM.
Заключение
Как я упоминал ранее, react — очень мощная и легкая библиотека, которую можно использовать в любой ситуации. С моей точки зрения, существует множество фреймворков, которые вы можете попробовать и выяснить, что лучше всего подходит для вашего оператора как разработчика. Немедленно определите, какой инструмент лучше всего подходит для достижения вашей цели, и не полагайтесь на какой-либо инструмент или фреймворк только потому, что он рекомендован в Интернете.
