Local-First веб-приложения
Пропал интернет и приложение перестало работать, потому что все данные оно получало с удалённого сервера. Сообщения не прочитать, документы не отредактировать, а таск-трекер сломался. Знакомая картина?
Большинство веб-приложений остановит работу, но не все. Набирает популярность новая (или хорошо забытая старая) парадигма Local-First: веб-приложение всегда работает с локальной базой данных, а интернет нужен только для синхронизации.
Подход внедряют у себя Linear, Miro, Trello, Figma, Notion, Excalidraw, Replit, Obsidian и растущее множество веб-приложений.
Чтобы реализовать Local-First, разработчикам нужно решить ряд технических вопросов:
- В какой локальной базе хранить данные?
- Как приложение должно себя вести при отключении от интернета?
- Как синхронизировать изменения без конфликта?
Для всех этих ситуаций есть теоретическая база — структуры данных CRDT и алгоритмы синхронизации, написаны библиотеки для фронтэнда на React и Vue, разработаны базы данных.
Выигрыши для пользователя:
- Высокая отзывчивость интерфейса и моментальное сохранение изменений у пользователя.
- Непрерывные сеансы работы в приложении — выше продуктивность.
Замечу, что пользователь ожидает, что ваше приложение будет отзывчивым и поддерживать оффлайн-режим. Внедрение улучшит пользовательский опыт, но вряд ли станет главной фичей. Скорее всего, Local-First подход скоро станет частью фреймворков разработчиков и незаметно распространится.
❤️ Жми на сердечко, если интересно ⚡️ Жми на молнию, если узнал новое 🧑💻 Жми на ботана, если кодил синхронизацию
