Forever Functional: Memoizing Promises

• core

  284 44,811 9.8 TypeScript

  🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. (by vuejs)

  

In our previous article on memoization for functions we saw that popular frameworks like React and Vue implement a simplified, version of it, just caching a single value. Let's consider now what happens concerning the topics we've discussed: memoization for API calls, prefetching, and SWR.

• SWR

  243 29,519 8.2 TypeScript

  React Hooks for Data Fetching

  

For React, SWR is a library that provides these features, and it's also been ported to Vue as SWRV. React Query is another library that enables React (and React Native) apps to take advantage of all the features we've mentioned.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-query

  190 27,869 9.1 TypeScript, JS

  Discontinued 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]

  

For React, SWR is a library that provides these features, and it's also been ported to Vue as SWRV. React Query is another library that enables React (and React Native) apps to take advantage of all the features we've mentioned.

• react-native

  525 116,112 10.0 C++

  A framework for building native applications using React

  

For React, SWR is a library that provides these features, and it's also been ported to Vue as SWRV. React Query is another library that enables React (and React Native) apps to take advantage of all the features we've mentioned.

• React

  1,700 222,406 9.9 JavaScript

  The library for web and native user interfaces.

  

In our previous article on memoization for functions we saw that popular frameworks like React and Vue implement a simplified, version of it, just caching a single value. Let's consider now what happens concerning the topics we've discussed: memoization for API calls, prefetching, and SWR.

• swrv

  5 2,073 3.6 TypeScript

  Stale-while-revalidate data fetching for Vue

  

For React, SWR is a library that provides these features, and it's also been ported to Vue as SWRV. React Query is another library that enables React (and React Native) apps to take advantage of all the features we've mentioned.

• axios

  443 104,075 8.4 JavaScript

  Promise based HTTP client for the browser and node.js

  

Let's go back to our API problem. A common pattern in applications is routing API calls through a single function, getData(), that sets up common parameters (for instance, a token in the headers for authentication) and then uses some library (Axios, SuperAgent, or even plain fetch) to do the call, returning a promise. So, that function would be like the following.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project