Mearie

Mearie is a framework-agnostic GraphQL client designed to provide end-to-end type safety, normalized caching, and fragment colocation for JavaScript applications. It addresses the need for a robust and flexible data management solution that integrates with multiple frontend frameworks, including React, Vue, Svelte, Solid, and vanilla JavaScript, through dedicated integrations for each. Mearie enables developers to catch errors at compile time by generating types that flow directly from the GraphQL schema to UI components, reducing the likelihood of runtime issues.

A key feature of Mearie is its support for fragment colocation, allowing data requirements to reside alongside the components that consume them. This approach reduces coupling and helps prevent over-fetching, streamlining data handling across an application. The client also offers ahead-of-time compilation, parsing and optimizing operations during the build process to eliminate runtime parsing overhead and improve execution speed. Fine-grained reactivity ensures that only components consuming changed data are updated, minimizing unnecessary re-renders through field-level subscriptions.

Mearie’s normalized caching system keeps data consistent throughout the application by automatically propagating changes, removing the need for manual synchronization. Its architecture is extensible, featuring a composable exchange system that allows for the integration of authentication, retries, logging, and custom request handling via a flexible stream-based approach. The tool is designed for incremental adoption, enabling teams to start with sensible defaults and progressively add features as application requirements evolve. Minimal configuration is required to get started, letting developers focus on building features rather than configuring tooling.

Mearie is suitable for developers working with modern JavaScript frameworks who require a full-featured GraphQL client that emphasizes type safety, performance, and ease of use.