Session Details

The State of State Management in React

Regular Session

These days, managing state in web applications is increasingly difficult. Frameworks like Angular, Ember or Aurelia have some mechanism for managing state built in. But what if you're using React? How do you know which state management solution is right for you? In this session, we'll survey the landscape for managing state in React applications, and walk through some of the more popular solutions, such as Redux and MobX, as well as alternatives like Vue, RxJS and Elm.

 

To begin with, React components can manage internal state just fine. Typically, you would have a few components or even a single component managing the state and passing the data down to the child components as props. This is perfectly fine until the state becomes sufficiently complicated so that managing the state inside React components is problematic.

 

At this point, you'll probably look to Flux, the pattern Facebook created for managing state in React applications. Redux is the most popular Flux-inspired implementation, but other flux-inspired solutions such as Reflux are available, if you're not inclined to use Redux. In addition, there are solutions that don't involve Flux, like MobX that can be used to manage complex state in React apps. Finally, we'll look at some other alternatives, in case you want to venture outside the React ecosystem.


Jonathan Kemp

Senior Software Engineer
Scripps Networks

About

A software development conference in the Louisville, KY area on March 28 - 30, 2018 designed to cover all aspects of software development regardless of development stack.

Contact Us
Keep in Touch