JSFoo Chennai 2020

JSFoo Chennai 2020

On component architecture, performance, security for front-end, and emerging trends

Saravanan Ramupillai

@saravananr

Art of state management in react

Submitted Feb 29, 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

My self, Saravanan Ramupillai, working in OrangeScape and
I have been into frontend development over past 5 years, part of the team in shipping and maintaing enterprize application.
I am actively write about my learnings and problems we solved in my 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

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more