8 (905) 200-03-37 Владивосток
с 09:00 до 19:00

Официальный подлинный принцип дизайна React Pront -End Framework Architecture Design Design Учебные учебные учебники программы программы разработки концепции разработки и принципа реализации на основе React 18 Версия Исходный код Объяснение

Цена: 1 093руб.    (¥51.7)
Артикул: 693345792862
Цена указана со скидкой: 53%
Старая цена:  2304р. 

Вес товара: ~0.7 кг. Указан усредненный вес, который может отличаться от фактического. Не включен в цену, оплачивается при получении.

Этот товар на Таобао Описание товара
Продавец:美迪亚图书专营店
Рейтинг:
Всего отзывов:0
Положительных:0
Добавить в корзину
Другие товары этого продавца
¥ 108 541 142руб.
¥40846руб.
¥35.11742руб.
¥ 99 34.6732руб.

Введение

Эта книга посвящена анализу концепций дизайна и принципах реализации React и основана на объяснении исходного кода версии React 18. Книга разделена на 3 главы,*1-это глава концепции (*1 ~*2), объясняющая концепцию позиционирования и дизайна React в основной фронтальной структуре.*2 - глава архитектуры (глава 3–5), объясняющая три этапа React Architecture——Расписание, рендеринг, совершать и как практиковать концепции дизайна в архитектуре.Глава 3 - это глава реализации (глава 6–8), которая проходит через три этапа в архитектуре React и объясняет детали реализации конкретных API.Целевые читатели книги включают в себя разработчиков, которые имеют реальный опыт в проектах React и хотят более глубоко понимать React, а также разработчиков, которые не использовали React, но заинтересованы в дизайне фронтальных рамок.Изучая эту книгу, читатели могут иметь четкое понимание принципов реализации текущей основной фронтальной структуры и более глубоко понимать реагирование от концепции к реализации.
Оглавление

*1 концепция
*Глава 1 Обзор принципов фронтальной структуры 2
1.1 Первое понимание фронтальной структуры 3
1.1.1 Как описать пользовательский интерфейс 3
1.1.2 Как организовать пользовательский интерфейс и логика 8
1.1.3 Как передавать данные между компонентами 12
1.1.4.
1.1.5 Независимые переменные и зависимые переменные в React 18
1.2 Методы, используемые в фронтальных рамках 20
1.2.1 Программирование: мелкозернистое обновление 20
1.2.2 AOT 29
1.2.3 Virtual DOM 32
1.3 Принцип реализации фронтальной структуры 35
1.3.1 Svelte 35
1.3.2 Vue3 43
1.3.3 React 46
1.4 Резюме 48
*2 React Concept 49
2.1 Проблемы и решения 49
2.1.1 Петля события 50
2.1.2 Рендеринг браузера 53
2.1.3 узкое место ЦП 55
2.1.4 Узкое место/вывода 56
2.2 Эволюция базовой архитектуры 57
2.2.1 Введение в старые и новые архитектуры 58
2.2.2 Итерация основных функций 60
2.2.2 Итерация стратегии прогрессивного обновления 61
2.3 архитектура волокна 65
2.3.1 Значение Fibernode 65
2.3.2 Механизм двойного кэширования 68
2.3.3 Строительство волоконного дерева на горе 69
2.3.4 Сборки волоконного дерева во время обновления 71
2.4 Отладка отреагирования исходного кода 72
2.4.1 Обзор структуры склада 73
2.4.2 Отладка исходного кода в рекомендуемом способе этой книги 74
2.4.3 Отладка исходного кода официально 75
2.5 Резюме 77
*2 статьи архитектура
Глава 3 рендеринг 80
3.1 Обзор процесса 81
3.2 beginWork 83
3,3 -битная работа в React 87
3.3.1 Основные три типа битовых операций 88
3.3.2.“Статус тега”Приложения в 89
3.4 completeWork 90
3.4.1 Флаги пузырьки 91
3.4.2 Обзор монтирования 91
3.4.3 Обзор обновления 96
3.5 Программирование: reactdom рендер 98
3.6 Резюме 104
Глава 4 Фаза 105
4.1 Обзор процесса 106
4.1.1 Процесс выполнения подразделения 108
4.1.2 Effects list 111
4.2 Обработка ошибок 113
4.2.1 Ошибка улова 115
4.2.2 Создание обратного вызова 116
4.2.3 Выберите обратный вызов 118
4.3 Стадия Beforemute 119
4.4 Стадия мутации 120
4.4.1 Удалить элементы DOM 120
4.4.2 Вставьте и перемещайте элементы DOM 122
4.4.3 Обновить элементы DOM 125
4.4.4 Переключатель дерева волокон 127
4.5 Стадия макета 127
4.6 Резюме 129
ГЛАВА 5 СПАСА. 130
5.1 Программирование: простая реализация этапа графика 131
5.1.1 Введение в планировщик 133
5.1.2 Отремонтированный метод графика 134
5.1.3 Метод модифицированного выполнения 137
5.1.4 Полный процесс после преобразования 140
5.2 Реализация планировщика 148
5.2.1 Обзор процесса 149
5.2.2 Реализация приоритетных очередей 151
5.2.3 Выбор макро -задач 152
5.3 Модель Lane 154
5.3.1 Комбинация React и планировщика 155
5.3.2 Алгоритм на основе времени истечения 159
5.3.3 Алгоритм на основе полосы движения 163
5.4 Применение модели полосы движения в React 166
5.4.1 Инициализировать полосу 168
5.4.2 от Fibernode до Fiberrootnode 171
5.4.3 Планирование Fiberrootnode 173
5.4.4 Стратегия планирования 175
5.4.5 Решите проблему голода 178
5.4.6 Root.PendingLanes Workflow 182
5.5 Batched Updates 186
5.5.1. История развития обновлений 187
5.5.2 Разница между пакетными обновлениями в разных рамках 189
5.6 Резюме 190
Глава 3 Реализация
Глава 6 Процесс обновления статуса 192
6.1 Программирование: простая реализация системы событий 193
6.1.1 Реализация Syntheticevent 195
6.1.2 Реализация механизма распространения событий 196
6.1.3 Соберите функции обратного вызова событий в путях 197
6.1.4 Внедрение Стадии захвата и пузырьков 198
6.2 Update 201
6.2.1 Mental Model 201
6.2.2 Структура данных 202
6.2.3 updateQueue 206
6.2.4 Сгенерировать обновление 207
6.2.5 Проблемы, которые следует учитывать при употреблении обновлений 211
6.2.6 Обновление потребления 214
6.3 Reactdom.createroot Process 219
6.4 Процесс Usestate 220
6.5 Оптимизация производительности 222
6.5.1 EgerState Policy 223
6.5.2 Стратегия спасения 227
6.5.3 Пример политики спасения 233
6.5.4. Стоимость спасения и контекста API 235
6.5.5 Вдохновение для ежедневного развития 239
6.6 Резюме 243
Глава 7 Примирает процесс 244
7.1 Single Node Diff 247
7.2 Multi-Node Diff 251
7.2.1 Идеи дизайна 254
7.2.2 Реализация алгоритма 255
7.3 Программирование: реализация алгоритма DIFF 261
7.3.1 Подготовка перед проходом 264
7.3.2
7.3.3 Окончательная работа после прохождения 267
7.4 Резюме 269
Глава 8 Реализация FC и Hooks 270
8.1 Mental Model 271
8.1.1 Алгебраический эффект 271
8.1.2 FC и Suspense 273
8.1.3 Susepress Workflow 279
8.2 Программирование: простая реализация USESTATE 284
8.2.1 Реализация“Процесс создания обновлений” 284
8.2.2 Реализация USESTATE 288
8.2.3 недостатки простой реализации 293
8.3 Обзор процесса крючков 294
8.3.1 dispatcher 294
8.3.2 Структура данных Hooks 296
8.3.3 Процесс выполнения крючков 297
8.4 USESTATE и USEREDUCER 299
8.5, связанный с эффектом, крюк 302
8.5.1 Структура данных 303
8.5.2 Фаза объявления 304
8.5.3 Стадия планирования 306
8.5.4 Фаза выполнения 308
8.6 Usememo и UseCallback 309
8.6.1 Процесс выполнения во время крепления 309
8.6.2 Процесс выполнения во время обновления 310
8.6.3 Замечательное использование Usememo 311
8.7 useRef 312
8.7.1 Принцип реализации 313
8.7.2 Рабочий процесс Рефера 314
8.7.3 Выход из -под контроля.
8.7.4 Профилактика и контроль REF Out Off Oplion 318
8.8 useTransition 321
8.8.1 Принцип реализации использования 322
8.8.2 Рабочий процесс использования 324
8.8.3 Энгл Механизм 326
8.8.4 Принцип реализации Engle 327
8.8.5 Engle Workflow 328
8.9 useDeferredValue 333
8.10 Программирование: реализация userErrorboundary 336
8.10.1 Определение диспетчер 338
8.10.2 Логика реализации 339
8.10.3 Извлечение публичных методов 342
8.10.4 Процесс обработки ошибок на стадии рендеринга 343
8.10.5 Процесс обработки ошибок.
8.11 Резюме 351
об авторе

Касонг, фронт-инженер. Он работал в 360 танцевальной труппе и байтедэнге.Активист технологического сообщества и автор электронной книги с открытым исходным кодом «Реакция« Технология раскрыта ».
Рекомендуемая рекомендация

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