написать впереди

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

Что такое алова (представление на официальном сайте)

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

Вы можете добавить alova в Github, если вам это нравится.

предыстория рождения аловой (представление на официальном сайте)

Запрос данных всегда был неотъемлемой и важной частью приложения, но с момента появления XMLHttpRequest большинство инструментов запросов, таких как $.ajax, axios, react-query и fetch API основаны на разработанной разработчиками запрашиваемой форме кодирования:

  1. Функция обратного вызова
  2. Обещания
  3. async/await асинхронная функция
  4. форма использования

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

  1. Без гражданства (застрявшее состояние)
  2. Загрузка состояния ожидания, отображение индикатора выполнения
  3. Отображение скелетного экрана, отображение старого заполнителя данных

Большинство приложений отображают только статус запроса, и несколько приложений фокусируются на стратегии запроса, но запрос с хорошей стратегией может улучшить производительность и взаимодействие с пользователем, снизить нагрузку на сервер. Более разумное взаимодействие данных CS и предложение лучших решений по управлению запросами для различных сценариев запросов. На этой основе мы абстрагируем сцену запроса и выдвигаем концепцию [Управление сценой запроса (RSM), а Алова говорит библиотеку реализации RSM.

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

Вот несколько примеров из CodeSandBox

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

[пример алова здесь]

Каковы характеристики алавы?

  1. Идеально совместимый с React/React Native/Vue/Svelte, он в основном может удовлетворить наши обычные потребности проекта!
  2. Состояние, связанное с данными вашего запроса, зависит от состояния, и это поможет вам автоматически управлять состоянием в режиме реального времени. Вам нужно только использовать
  3. Его дизайн относится к API axios, поэтому самое большое ощущение, когда вы начинаете, простое и знакомое.
  4. Суперлегкий, сжатая версия всего 4кб, а объем всего 40% аксиом, посмотрите на это! ! ! !
  5. Обеспечьте различные режимы кэширования данных на стороне сервера, такие как режим памяти и постоянный режим, чтобы улучшить взаимодействие с пользователем и снизить нагрузку на сервер.
  6. Поддержка Perfect Typescript Доступен в автономном режиме, кеш запросов делает запросы доступными даже в автономном режиме, не прерывая активного пользователя.

Заменить библиотеку запросов?

Первоначальное намерение alova состояло в том, чтобы предложить решение для различных сценариев запроса. Он может реализовывать функции запросов с лучшим опытом и производительностью, более лаконично и элегантно. Это библиотека реализации RSM, такая как `$.ajax`, `axios` и `fetch-api` обеспечивают хорошую поддержку для отправки запроса и получения ответа, они необходимы в процессе [RSM] Ссылка (событие запроса link), alova по-прежнему должен полагаться на них для выполнения запросов, поэтому мы можем думать об alova как о своего рода вооружении библиотеки запросов, делающем библиотеку запросов более мощной.

напиши в конце

Лично я считаю, что это другое направление исследования с точки зрения стратегии запроса данных, отличное от традиционной схемы запросов.

Индекс личных рекомендаций: ⭐⭐⭐⭐⭐

Если вы также хотите испытать этот опыт, запустите npm i alova. Это нормально, а документация на официальном сайте по-прежнему очень подробная!