isograph

Isograph is a UI framework for building data-driven applications, currently focused on React and GraphQL. It aims to reduce friction in development, prevent production breakage, and enable performant apps with powerful primitives. Key concepts include: - **Client fields**: Components define data requirements using `iso` syntax, automatically receiving needed data without manual prop drilling. - **Data masking**: Components only see their own selected data, preventing unintended dependencies and enabling safe parallel development. - **Entrypoints**: Root components define queries; the compiler generates optimized GraphQL queries fetching all required data. - **@loadable fields**: Defer expensive data fetching to separate requests, improving initial load performance. - **@exposeField**: Expose mutation fields on other types, simplifying mutations with automatic ID passing. The framework includes a compiler, runtime hooks like `useLazyReference` and `useResult`, and supports suspense for async data. It is MIT licensed and open source, with demos and community resources available.