Для JSX

«Что такое JSX?» Если я объясню, JSX означает HTML внутри Javascript. Вы можете написать синтаксис HTML внутри JavaScript. Чтобы вы могли легко и быстро сделать динамический веб-сайт. Итак, давайте посмотрим на пример

function HelloWorld(toWhat) {
    return <div>Hello {toWhat}</div>;
}
HelloWorld('World');

вы можете использовать элементы JS в HTML. Это безумие, ха! Давайте узнаем некоторые интересные особенности React Js

  1. Вы можете использовать самозакрывающийся тег. Нравится
<div className="sidebar" />

2. При необходимости вы можете определить пустой тег.

<>...</>

Фактически пустой тег - это сокращенная версия ‹React.Fragment›, которая позволяет вам иметь несколько наиболее значимых элементов без дополнительной обертки HTML.

3. После компиляции выражения JSX становятся обычными вызовами функций JavaScript и оцениваются как объекты JavaScript.

Это означает, что вы можете использовать JSX внутри операторов if и for циклов, назначать его переменным, принимать в качестве аргументов и возвращать из функций:

function getGreeting(user) {
  if (user) {
    return <h1>Hello, {formatName(user)}!</h1>;  }
  return <h1>Hello, Stranger.</h1>;}

Компонент Fox

ReactJS - это все о компонентах. Приложение ReactJS состоит из нескольких компонентов, и каждый компонент имеет свою собственную логику и элементы управления. Эти компоненты можно использовать повторно, что помогает поддерживать код при работе над крупномасштабными проектами.

Для виртуального DOM

Виртуальный объект DOM - это представление исходного объекта DOM. Он работает как односторонняя привязка данных. Всякий раз, когда в веб-приложении происходят какие-либо изменения, весь пользовательский интерфейс повторно отображается в виртуальном представлении DOM. Затем он проверяет разницу между предыдущим представлением DOM и новым DOM. Как только это будет сделано, настоящая DOM обновит только то, что действительно изменилось. Это ускоряет работу приложения и снижает потери памяти.

Для односторонней привязки данных

Односторонняя привязка данных в React делает все модульным и быстрым. Однонаправленный поток данных означает, что при разработке приложения React разработчики часто вкладывают дочерние компоненты в родительские компоненты. Таким образом, разработчик знает, где и когда возникает ошибка, что дает ему лучший контроль над всем веб-приложением.

Для государства

Состояние - это встроенный объект React, который используется для хранения данных или информации о компоненте. Состояние компонента может меняться со временем; всякий раз, когда он изменяется, компонент повторно отрисовывается. Изменение состояния может происходить в ответ на действия пользователя или события, генерируемые системой, и эти изменения определяют поведение компонента и то, как он будет отображаться.

Для реквизита

Реквизит - это аббревиатура от свойства. Это встроенный объект React, который хранит атрибуты тега и работает аналогично атрибутам HTML. Он обеспечивает способ передачи данных от одного компонента к другим компонентам так же, как аргументы передаются в функции.