Сегодня я расскажу об основных принципах React.js. React — это «библиотека» JavaScript. Это не совсем «фреймворк». Фреймворки не являются гибкими, хотя некоторые заявляют об этом. Фреймворк обычно хочет, чтобы вы кодировали все определенным образом. Если вы попытаетесь отклониться от этого пути, фреймворк обычно будет бороться с вами за это. Фреймворки также обычно большие и полны функций. React был создан Джорданом Уоке, инженером-программистом, работающим в Facebook. Впервые React был развернут в ленте новостей Facebook в 2011 году. и в Instagram в 2012 году.
- Что такое React?
React — это внешняя библиотека JavaScript с открытым исходным кодом, которая используется для создания пользовательских интерфейсов, особенно для одностраничных приложений, для обработки уровня представления для веб-приложений и мобильных приложений. - Что такое DOM?
DOM — это «объектная модель документа». Это программный интерфейс браузера для документов HTML (и XML), который обрабатывает их как древовидные структуры. API DOM можно использовать для изменения структуры, стиля и содержимого документа. - Какие основные особенности реакции?
1. это пользовательская виртуальная DOM вместо реальной DOM, учитывая, что реальные манипуляции с DOM обходятся дорого.
2. поддерживает рендеринг на стороне сервера
3 . следует однонаправленному потоку данных или привязке данных.
4. использует составные компоненты пользовательского интерфейса многократного использования для разработки представления. - Что такое JSX?
JSX — это XML-подобное синтаксическое расширение для ECMAScript. в приведенном ниже примере текст внутри тега ‹h2› возвращается как функция JavaScript в функцию рендеринга.
Как создавать компоненты в React?
- Существует два возможных способа создания компонентов.
1. Функциональные компоненты: это самый простой способ создания компонента.
это чистые функции JavaScript, которые принимают объект реквизита в качестве первого параметра и возвращают элементы реакции.
2. Компоненты класса:вы также можете использовать класс ES6 для определения компонента. вышеуказанный функциональный компонент может быть записан как:
- Почему React все равно называется «React»?
Когда состояние компонента React (которое является частью его входных данных) изменяется, пользовательский интерфейс, который он представляет (его выходные данные), также меняется. Это изменение в описании пользовательского интерфейса должно быть отражено в устройстве, с которым мы работаем. В браузере нам нужно обновить дерево DOM. В приложении React мы не делаем этого вручную. React будет просто реагировать на изменения состояния и автоматически (и эффективно) обновлять DOM при необходимости. - Термин «компонент» используется многими другими фреймворками и библиотеками. Мы даже можем создавать веб-компоненты изначально, используя функции HTML5, такие как пользовательские элементы и импорт HTML.
