What is alova
alova is a lightweight request strategy library. It provides a complete set of solutions to deal with complex request scenarios. We call it Request Strategy. It only takes one line of code to quickly implement various complex request logics. , not only can help you improve development efficiency, but also help you improve the operating efficiency of the App and reduce the pressure on the server.
Here is the simplest request example:
const response = await alova.Get('/api/user');
Ordinary? Let's look at another example of automatically managing request status. loading, error, and data are responsive data. In UI frameworks such as react, vue, svelte, etc., they can be bound directly in the view and will be processed according to the request. State automatically maintains this responsive data.
const { loading, error, data } = useRequest(alova.Get('/api/user'));
The following is an example of a paging request strategy that automatically triggers requests with different parameters when page, pageSize, etc. change.
const { loading, error, data, page, pageSize, total } = usePagination((page, size) =>
alova.Get('/api/user/list', {
params: { page, size }
})
);
alova provides 10+ request strategy modules based on the RSM specification, which are implemented in the form of useHook.
Core useHook
useRequest useWatcher useFetcherScenario-based request strategy
usePagination useSQRequest useForm TokenAuthentication useAutoRequest useCaptcha actionDelegationMiddleware useSerialRequest useSerialWatcher useRetriableRequest useUploader useSSEHigh flexibility
Thanks to the high flexibility of alova, you can use it with different request libraries in the following different JS environments (the gray part will be gradually supported in the future).
Is there any difference?
Unlike other request libraries, alova's goal is to make requests simpler and maintain more efficient data interaction.
We consider both developers and App users. For developers, alova provides them with a simple request API and an out-of-the-box high-performance request strategy module. For application users, they can enjoy Alova's high-performance data interaction brings a smooth experience.
In addition, let’s take a look at the specific features:
- API design similar to axios, allowing users to learn at a lower cost;
- 10+ out-of-the-box high-performance request strategies to make applications smoother;
- alova is lightweight, only 4kb+, which is 30%+ of axios;
- High flexibility, alova's adapter allows alova to be used in any js environment and with any UI framework (the built-in supported UI framework is
vue/react/svelte), and provides a unified experience and perfect code migrate; - 3 caching modes and request sharing mechanism to improve request performance and reduce server pressure;
- Highly aggregated organization of API code. The request parameters, cache behavior, response data conversion, etc. of each API will be gathered in the same code block, which has great advantages for managing a large number of APIs;
You can also check out Comparison with other request libraries to learn more about how alova is different.
Online trial
You can run the project directly in the browser via Codesandbox online editable examples try alovajs, so it's almost indistinguishable from local development without having to install anything on your machine.
Join alova community
Welcome to contribute
Before contributing, please be sure to read the Contribution Guide in detail to ensure your effective contribution.
Start
Next, we will start with the simplest request, then explain the request strategy, understand how alova simplifies your work, and then go into the advanced guide and the best practices summarized in actual projects.
Let’s start learning to send our first request!
Is using alova in your project? please tell me!