Houdini

screenshot of Houdini
svelte
vite

Houdini

The disappearing GraphQL framework

Overview

Houdini is a tool that aims to enhance the developer experience by enabling composable and colocated data requirements for components. It provides a normalized cache with declarative updates, generated types, subscriptions, and pagination. Unlike traditional approaches that result in bloated runtimes, Houdini achieves a lean GraphQL abstraction by shifting the necessary steps to the compile stage.

Features

  • Composable and colocated data requirements for components
  • Normalized cache with declarative updates
  • Generated types
  • Subscriptions
  • Pagination (cursors and offsets)
svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

graphql
Graphql

A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.