ReactFoo-VueDay Hyderabad edition

ReactFoo-VueDay Hyderabad edition

React and Vue for performance engineering and front-end development

Saravanan Ramupillai

@saravananr

Art of state management in react

Submitted Mar 6, 2020

State management in react seems to be easy at initial point of time when we develop the application, but as the applicatoin grows and dependency between the component increases we might end up doing all the messy stuff, that will make the maintainablity of the codebase even harder. We need to be more catious in choosing what approach we gonna take to manage the application state as it grows over time. In this talk i am going to talk about the what are the approaches we took, learning and fail overs in shipping and maintaining the enterprize application (https://kissflow.com) that frequently changing over time in production over past 2 years.

Outline

In this talk, i am going to tell you about following, and i am sure that you will not do the same mistake that we did initially in our application after this talk.

  1. What are the default state management options that react provides
  2. What should we do when we hit the limitation of default state management option of react
  3. What is right way to solve the state dependency of component
  4. What are all the option that you should concider before taking the state out of react
  5. Finally the right way to split the state and react component so that you can achive the maximum code reusablity

Speaker bio

I am Saravanan Ramupillai, working in OrangeScape and
I have been into frontend development over past 5 years, part of the team in shipping and maintaing (https://kissflow.com) in production.
I actively write about my learnings and problems we solved in day to day work in medium.
I countribute to opensource and maintaining the rich content editor(https://deveditor.dev) for writting dev.to blogs.

Slides

https://www.slideshare.net/Saravanan10393/art-of-state-management-in-react

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more