Solid Cache

Overview

Solid Cache is an innovative caching solution designed for SolidJS applications, offering developers the capability to efficiently manage data fetching and resources. By utilizing the <CacheBoundary> component, Solid Cache provides a contextual cache that optimizes performance by ensuring that various parts of an application can access shared cached data without unnecessary duplication. This feature not only improves resource management but also enhances the overall user experience by reducing loading times.

The ability to create cached resources and refresh them without disrupting the user interface makes Solid Cache a powerful tool in any developer's toolkit. Its seamless integration with existing SolidJS structures allows for an effective strategy in handling asynchronous operations, making it a valuable asset for building modern web applications.

Features

• CacheBoundary Component: Creates a contextual cache to manage resource results efficiently throughout the application.
• Granular Cache Management: Allows developers to place <CacheBoundary> components at various levels, controlling shared cache boundaries within different parts of the application.
• createCachedResource: A specialized primitive that requires a <CacheBoundary> ancestor, enabling efficient caching of resources without unnecessary fetching.
• Key-Based Caching: Each createCachedResource instance can define a unique key, ensuring that cached data is shared effectively without polling or redundant fetching.
• Reactive State Management: Offers data as a Resource and isFetching as a reactive boolean signal, making it simple to manage data states in your application.
• Background Refreshing: The useCacheBoundaryRefresh function enables simultaneous refreshing of cached resources while allowing the user interface to display previous data, enhancing user experience during updates.
• Native Fetching Integration: Provides a wrapper for createCachedResource combined with the native fetch API, simplifying data retrieval processes.