ABCDEFGHIJKLMNOPQRSTUVWXYZAA
1
ИдентификаторЗаголовокКонтентКатегорииСозданоОбновлено
2
id-1719611798920-523ReactJSБиблиотека для создания пользовательских интерфейсов. Не фреймворк, потому что не достаточно инструментов из коробки для полноценной разработки, например даже маршрутизацию надо отдельно устанавливать.

С другой стороны плюс библиотеки в том, что её можно встроить в уже существующий проект и потихоньку переделывать его на реакт.
React29.06.2024 00:56:3813.12.2024 20:55:23
3
id-1719611798931-871ReactDOM, ReactNative, ReactVRДополнительные библиотеки, которые нужно установить в проект вместе с основной библиотекой React, чтобы разрабатывать под определенную платформу.React29.06.2024 00:56:3808.08.2024 17:00:12
4
id-1719611798937-515Декларативный подход реактаМы указываем реакту, что нужно сделать (например вызываем setState), но не заботимся о том, как это реакт выполнит.

Императивный подход - это наоборот про то, как делать.
29.06.2024 00:56:3801.08.2024 17:56:24
5
id-1719611798947-257Компонентный подходПовторяющиеся элементы выносятся в компоненты и переиспользуются в разных местах.React29.06.2024 00:56:3808.08.2024 12:37:11
6
id-1719611798953-97Create-React-AppУтилита для генерации настроенного стартового реакт-проекта.29.06.2024 00:56:3808.08.2024 12:37:13
7
id-1719611798958-152Какие плюсы реакта?1. Производительность (без Реакта перерисовывается весь DOM, благодаря сравнению Виртуальных DOMов перерисовывается только необходимая часть DOM).

2. Масштабируемость (компоненты).
React29.06.2024 00:56:3808.08.2024 12:25:02
8
id-1719611798966-290Как работает Реакт ? (рендер - т.е. первый запуск, затем уже ререндеры)Запускаем yarn start - начнет отрисовываться index.html.

Запускается script > index.tsx > App.tsx (компоненты возвращают JSX).

Babel транспилятор превращает JSX в JS.

Создается Virtual DOM - это объект, легковесная версия DOM, у него есть только СВОЙСТВА, но нет методов, и к СВОЙСТВАМ мы доступа не имеем. DOM хранится в браузере, а Virtual DOM в оперативной памяти компьютера.

На основе Virtual DOM создается DOM, который отрисовывается в браузере.

Когда React создает новый виртуальный дом, он заменяет старый виртуальный дом ссылкой на новый объект в памяти. Garbage collector удаляет старый неактуальный виртуальный дом из-за отсутствия ссылок на него.
React, новый тег29.06.2024 00:56:3808.08.2024 16:48:11
9
id-1719611798978-790Разница между компонентом? (функция возвращающая JSX) и Элементом (тэг)Элемент мы видим в браузере, компонент не видим.React,HTML29.06.2024 00:56:3808.08.2024 16:47:06
10
id-1719611798984-89Что такое DOM?Это объект, в нем есть свойства и методы. HTML-документ в виде древовидной структуры объектов (узлов).

Узел - это объект в структуре дерева: элементы HTML (тэги), текст, атрибуты (src, href, class,Id, disabled, style, placeholder, required) и комментарии.
JavaScript,HTML29.06.2024 00:56:3808.08.2024 16:46:07
11
id-1719611798997-718Что такое window?window - представляет окно браузера и содержит глобальный объект document.

document - представляет целый HTML-документ.

nodeName - имя узла.

nodeValue - значение узла.
JavaScript,HTML29.06.2024 00:56:3808.08.2024 16:45:45
12
id-1719611799004-972Методы documentcreateElement(tagName) - создает новый элемент указанного типа.

getElementById(id) - возвращает элемент с указанным идентификатором.

appendChild(node) - добавляет дочерний узел в конец списка дочерних узлов.

removeChild(node) - удаляет указанный дочерний узел из элемента.
JavaScript29.06.2024 00:56:3908.08.2024 16:45:09
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100