title: ÐÐ¸Ð±Ð»Ð¸Ð¾ÑÐµÐºÐ° ÐºÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ ÑÐµÑÐµÐ²ÑÑ Ð·Ð°Ð¿ÑÐ¾ÑÐ¾Ð² Ð´Ð»Ñ React
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: Network request caching library for React
Creators: name: ÐÑÐ¸Ð²ÐµÐ½ÐºÐ¾, ÐÐ°ÐºÑÐ¸Ð¼
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2024
Subjects: React
ÑÐ¾ÐºÑÐ°ÑÐµÐ½Ð¸Ðµ ÐºÐ¾Ð»Ð¸ÑÐµÑÑÐ²Ð° Ð·Ð°Ð¿ÑÐ¾ÑÐ¾Ð²
Ð¼ÐµÐ¶ÑÐµÑÑÐ¸Ð¾Ð½Ð½Ð¾Ðµ ÐºÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ
request reduction
inter-session caching

description: ÐÐ°Ð½Ð½Ð°Ñ Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¿Ð¾ÑÐ²ÑÑÐµÐ½Ð° ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐµ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½Ð¾Ð³Ð¾ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ° Ð´Ð»Ñ ÐºÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ ÑÐµÑÐµÐ²ÑÑ Ð·Ð°Ð¿ÑÐ¾ÑÐ¾Ð² Ð² Ð±ÑÐ°ÑÐ·ÐµÑÐµ, ÐºÐ¾ÑÐ¾ÑÑÐ¹ ÑÐµÐ°Ð»Ð¸Ð·ÑÐµÑ ÐºÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ Ð² Ð¼ÐµÐ¶ÑÐµÑÑÐ¸Ð¾Ð½Ð½Ð¾Ð¼ ÑÑÐ°Ð½Ð¸Ð»Ð¸ÑÐµ, Ð½Ð°Ð¿ÑÐ¸Ð¼ÐµÑ, Ð¸ÑÐ¿Ð¾Ð»ÑÐ·ÑÑ LocalStorage. Ð ÑÐ°Ð±Ð¾ÑÐµ Ð¾Ð¿Ð¸ÑÑÐ²Ð°ÐµÑÑÑ Ð°ÑÑÐ¸ÑÐµÐºÑÑÑÐ° Ð´Ð°Ð½Ð½Ð¾Ð³Ð¾ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½Ð¾Ð³Ð¾ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ°, Ð° ÑÐ°ÐºÐ¶Ðµ Ð¿ÑÐ¸Ð²Ð¾Ð´Ð¸ÑÑÑ ÑÑÐ°Ð²Ð½Ð¸ÑÐµÐ»ÑÐ½ÑÐ¹ Ð°Ð½Ð°Ð»Ð¸Ð· ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ñ ÑÐµÑÐµÐ½Ð¸Ð¹ Ð¿Ð¾ ÐºÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ñ Ð¾ÑÐºÑÑÑÑÐ¼ Ð¸ÑÑÐ¾Ð´Ð½ÑÐ¼ ÐºÐ¾Ð´Ð¾Ð¼. ÐÐ° Ð¾ÑÐ½Ð¾Ð²Ðµ Ð¿ÑÐµÐ´ÑÑÐ°Ð²Ð»ÐµÐ½Ð½Ð¾Ð¹ Ð°ÑÑÐ¸ÑÐµÐºÑÑÑÑ ÑÐµÐ°Ð»Ð¸Ð·ÑÐµÑÑÑ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½Ð¾Ðµ ÑÑÐµÐ´ÑÑÐ²Ð¾, Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÑÑÐµÐµ Ð²ÑÐ±Ð¸ÑÐ°ÑÑ ÑÑÐ°Ð½Ð¸Ð»Ð¸ÑÐµ Ð´Ð°Ð½Ð½ÑÑ, Ð¾ÑÐ¿ÑÐ°Ð²Ð»ÐµÐ½Ð½ÑÑ Ð² Ð¾ÑÐ²ÐµÑ Ð½Ð° Ð·Ð°Ð¿ÑÐ¾Ñ (Ð½Ð° Ð¼Ð¾Ð¼ÐµÐ½Ñ Ð½Ð°Ð¿Ð¸ÑÐ°Ð½Ð¸Ñ ÑÐ°Ð±Ð¾ÑÑ Ð¼Ð¾Ð¶Ð½Ð¾ Ð²ÑÐ±Ð¸ÑÐ°ÑÑ Ð¼ÐµÐ¶Ð´Ñ in-memory Ð¸ localStorage). ÐÑÐ¾Ð¼Ðµ Ð¿Ð¾ÑÐ»ÐµÐ´Ð½ÐµÐ³Ð¾, Ð² Ð´Ð°Ð½Ð½Ð¾Ð¼ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½Ð¾Ð¼ ÑÑÐµÐ´ÑÑÐ²Ðµ Ð¸Ð¼ÐµÐµÑÑÑ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ Ð¸Ð½Ð²Ð°Ð»Ð¸Ð´Ð¸ÑÐ¾Ð²Ð°ÑÑ Ð·Ð°Ð¿Ð¸ÑÐ¸ Ð² ÐºÑÑÐµ Ð¿Ð¾ÑÐ»Ðµ ÑÐ¾Ð³Ð¾, ÐºÐ°Ðº Ð¸Ð½ÑÐ¾ÑÐ¼Ð°ÑÐ¸Ñ ÑÑÐ°Ð»Ð¾ Ð·Ð°Ð²ÐµÐ´Ð¾Ð¼Ð¾ Ð½ÐµÐ°ÐºÑÑÐ°Ð»ÑÐ½Ð¾Ð¹ (Ð½Ð°Ð¿ÑÐ¸Ð¼ÐµÑ, Ð¿ÑÐ¸ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ð¸ Ð´Ð°Ð½Ð½ÑÑ Ð¿Ð¾ÑÐ»Ðµ Ð´ÑÑÐ³Ð¾Ð³Ð¾ Ð·Ð°Ð¿ÑÐ¾ÑÐ°).Â  ÐÐ°Ð½Ð½Ð¾Ðµ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½Ð¾Ðµ ÑÑÐµÐ´ÑÑÐ²Ð¾ Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¾ Ð² ÑÐ¾ÑÑÐ°Ð²Ðµ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½ÑÑ ÑÐ¸ÑÑÐµÐ¼ Ñ Ð½ÐµÑÐºÐ¾Ð»ÑÐºÐ¸Ð¼Ð¸ ÑÐµÑÐ²Ð¸ÑÐ°Ð¼Ð¸ Ð´Ð»Ñ ÑÐ½Ð¸Ð¶ÐµÐ½Ð¸Ñ Ð¾Ð±ÑÐµÐ³Ð¾ ÐºÐ¾Ð»Ð¸ÑÐµÑÑÐ²Ð° Ð·Ð°Ð¿ÑÐ¾ÑÐ¾Ð² Ð½Ð° Ð¿Ð¾Ð»ÑÑÐµÐ½Ð¸Ðµ Ð´Ð°Ð½Ð½ÑÑ Ð¸ Ð´Ð»Ñ ÑÐ½Ð¸Ð¶ÐµÐ½Ð¸Ñ Ð½Ð°Ð³ÑÑÐ·ÐºÐ¸ Ð½Ð° ÑÐ¸ÑÑÐµÐ¼Ñ ÑÐµÐ»Ð¸ÐºÐ¾Ð¼. ÐÐ¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ Ð»ÐµÐ³ÐºÐ¾Ð³Ð¾ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ ÐºÐ¾Ð½ÑÐ¸Ð³ÑÑÐ°ÑÐ¸Ð¸ Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÐµÑ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÑ Ð´Ð°Ð½Ð½Ð¾Ðµ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½Ð¾Ðµ ÑÑÐµÐ´ÑÑÐ²Ð¾ Ð² ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ ÑÑÐµÐ½Ð°ÑÐ¸ÑÑ ÑÐ°Ð±Ð¾ÑÑ Ð±ÐµÐ· Ð´Ð¾Ð±Ð°Ð²Ð»ÐµÐ½Ð¸Ñ ÑÑÐ¾ÑÐ¾Ð½Ð½Ð¸Ñ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐº.
description: This work is devoted to the development of a software tool for caching network requests in the browser, which implements caching in intersession storage, for example, using LocalStorage. The paper describes the architecture of this software tool, and also provides a comparative analysis of existing open-source caching solutions. Based on the presented architecture, a software tool is implemented that allows you to select the storage of data sent in response to a request (at the time of writing, you can choose between in-memory and localStorage). In addition to the latter, this software has the ability to invalidate cache entries after the information has become obviously irrelevant (for example, when data changes after another request). This software tool can be used as part of software systems with several services to reduce the total number of requests for data and to reduce the load on the entire system. The ability to easily change the configuration allows you to use this software in various operating scenarios without adding third-party libraries.