When developing a website that interacts with a REST API, a common path is to use a network management library together with Redux to manage state. This means writing reducers, actions, and state management for the different stages when communicating with the API. With good design, this can be generalized using HOCs, or some other structure to avoid repeating code. The Apollo stack aims to simplify development of applications that consume an API. GraphQL For the backend part of the stack, it uses instead of REST. is a query language created by Facebook in 2012 for describing the capabilities and requirements of data models for client‐server applications. It tackles several of REST’s shortcomings, providing an easy way of defining data structures and queries so that development and usage of the API is easy and flexible. GraphQL GraphQL Some people are even calling it REST 2.0. There is a whole ecosystem around GraphQL. Some notable examples of tools are: provides a way to use GraphQL like a backend-as-a-service. GraphCool to validate queries using ESLint, avoiding typos and warning the developer if something changed in the backend. Plugins exists Some are pointing to (an interactive tool for exploring and testing GraphQL backends) as the killer app for GraphQL. GraphiQL is a GraphQL client for , React Native, Angular, Swift and Java. When using it, you get options for configuring caching, mutations, optimistic UI, subscriptions, pagination, server-side rendering, prefetching, and more. Apollo Apollo React It can be incrementally adopted, meaning that it can be implemented for small components, coexisting with non-apollo components. Apollo uses Redux under the hood, so it can plug into existing Redux applications and all Redux development tools will work with Apollo’s queries. All code related to API interactions gets managed by Apollo, allowing the developer to just define what data a component needs. , these are some useful resources: Besides the official documentation : an excellent 6-part tutorial for implementing the full Apollo stack. Full-stack React + GraphQL Tutorial : Top 3 things to know coming from REST. How do I GraphQL? : How GraphQL turns a query into a response. GraphQL explained : Keeping your components pure with HoCs Simplify your React components with Apollo and Recompose
