ReactFoo Pune

On lessons learned during implementation.

Re-writing redux application with GraphQL & Apollo

Submitted by Kiran Abburi (@kiranabburi) on Wednesday, 6 December 2017

videocam_off

Technical level

Advanced

Section

Full talk on success and failure stories with React; code overheads and code rewrite stories with React

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +5

Abstract

Redux is a very good state management library for building large applications. But we noticed that we were writing lot of custom logic for complex functionality like caching, pagination, live editing, real-time updates from server. We implemented abstractions to reduce verbosity of redux code. But, new developers were finding it hard to understand these abstractions. We explored GraphQL and Apollo and found that it could solve lot of our problems. We were able to leverage functionality of GraphQL and Apollo to implement features like caching and real-time updates and get rid lot of custom logic. After moving network state to Apollo, very small amount of application state is remaining in redux. We leveraged local state management feature of apollo 2 and removed redux dependency completely from app.

Outline

  • Introduction of GraphQL and Apollo
  • Step followed in re-writing redux application with GraphQL and Apollo
  • Benefits we observed after re-writing the application

Speaker bio

Kiran Abburi is a freelance developer who primarily works on react projects. He has 3 years of experience with react. He also organises reactjs meetup group in Bangalore

Links

Comments

Login with Twitter or Google to leave a comment