Неизменяемые пользовательские интерфейсы (Ли Байрон) - Full Stack Fest 2016

YOUTUBE · 26.11.2025 05:05

Ключевые темы и таймкоды

Архитектура приложений

0:17

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

Принципы архитектуры

2:30

Архитектура программного обеспечения основана на принципах, которые были определены 2000 лет назад Витрувием.
Эти принципы включают долговечность, полезность, красоту и соответствие задачам приложения.

Проблемы с MVC и REST

5:11

MVC и REST стали доминирующими архитектурами для информационных насыщенных приложений, но они сталкиваются с проблемами синхронизации данных и нестабильной сети.
Автор предлагает использовать неизменяемость данных для решения этих проблем и обеспечения более надежной и производительной архитектуры.

Неизменяемые данные и принципы

10:28

Видео обсуждает принципы неизменяемости данных и их влияние на разработку программного обеспечения.
Неизменяемые данные несут в себе гарантии того, что может измениться и когда.
Это позволяет использовать методы, которые раньше были недоступны, такие как запоминание и перемещение во времени.

Компоненты и модели

12:07

Компоненты - это функции, которые определяют состояние мира и предоставляют представления.
Модели - это чистые данные, которые описывают, какие данные нужны для отображения в представлении.
Компоненты и модели тесно связаны и определяют, какие данные нужны для отображения.

GraphQL

18:11

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

Представление данных в GraphQL

20:29

В GraphQL есть языковая функция "фрагменты", которая позволяет описывать взаимосвязанные зависимости данных рядом с компонентами.
Фрагменты запросов позволяют описывать требования к данным для всего приложения, что повышает производительность сети и удобство понимания.

Состояние и действия

22:08

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

Запоминание и производительность

25:33

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

Асинхронность и действия

28:35

Действия должны быть асинхронными и возвращать обещания, чтобы дождаться ответа от сервера.
При одновременном выполнении нескольких действий используется очередь для упорядочивания выполнения.

Архитектура приложений

29:21

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

Оптимистичное состояние и мониторинг производительности

31:19

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

Оптимизация для низкокачественных мобильных сетей

37:12

Facebook создал продукт под названием Facebook Lite для оптимизации работы в низкокачественных сетях, таких как соединение с двумя g.
Архитектура оптимизирована для уменьшения количества обращений к серверу и выполнения всей необходимой работы за меньшее количество обращений.