ReactFoo-VueDay Hyderabad edition

ReactFoo-VueDay Hyderabad edition

React and Vue for performance engineering and front-end development

Make a submission

Accepting submissions till 10 May 2020, 11:59 PM

T-Hub Hyderabad, Hyderabad

React and Vue are becoming increasingly popular for front-end application development.

The Hyderabad edition is a single-day event for sharing:

  1. Practical insights on integrating React/Vue in front-end applications.
  2. Performance improvements with React/Vue.
  3. State management.
  4. New developments.

Participate in ReactFoo-VueDay as:

  1. Participant
  2. Speaker
  3. Volunteer
  4. Reviewer
  5. Collaborator
  6. Sponsor

and discover your peers from the growing front-end community in India.

Talks from previous editions of ReactFoo are published on hasgeek.tv/reactfoo and hasgeek.tv/jsfoo

The Hyderabad edition will be held on 11 July 2020 at T-Hub, IIIT-H, Hyderabad.


For inquiries about speaking/collaborating with ReactFoo, write to reactfoo.editorial@hasgeek.com


For details on the Sponsorship and ticket inquiries, write to sales@hasgeek.com or call 7676332020


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

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') }}

Make a submission

Accepting submissions till 10 May 2020, 11:59 PM

T-Hub Hyderabad, Hyderabad

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