Scrimshaw is a framework that streamlines the process of getting GraphQL data into React components.
Get started with the docs here.
Scrimshaw arose from our internal experiments with the different available frameworks for getting GraphQL data into React components. Both Apollo and Relay worked well, but had relatively complicated APIs with a lot of internal moving parts that can be difficult to debug(even with the provided dev tools). In the search for a simpler alternative, the next step down is something like graphql-request, which was very easy to debug, but lacked a lot of the core features necessary to integrate with React. Scrimshaw attempts to bridge that gap. We identified what we thought were the core features of React GraphQL client, and implemented those and nothing else.
Scrimshaw is a good fit for small scale React GraphQL apps, users who are looking to get started as quickly as possible, or anyone who wants more control over their GraphQL functionality, but without having to implement everything in React from scratch.
| Feature | Scrimshaw | Relay | Apollo | Graphql Request |
|---|---|---|---|---|
| Basic queries | ✓ | ✓ | ✓ | ✓ |
| Basic mutations | ✓ | ✓ | ✓ | ✓ |
| Query/Mutation components | ✓ | ✓ | ✓ | |
| Data Cache | ✓ | ✓ | ✓ | |
| Optimistic mutations | ✓ | ✓ | ✓ | |
| Co-located fragments | ✓ | ✓ | ✓ | |
| Schema Linting | ✓ | ✓ | ✓ | |
Full create-react-app support |
✓ | ✓ | ✓ | |
| Avoids usage of HOCs | ✓ | ✓ | ||
| Custom dev tools | ✓ | |||
| Subscriptions | ✓ | ✓ | ||
| Built in connection based pagination | ✓ | |||
| # of core Components / functions | 4 | 6 | 11 | 2 |
| # unique arguments / provided props | 12 | 51 | 65 | 2 |