In the previous part of this tutorial I’ve discussed how to update application state using actions.

We’ve implemented a simple function that used state’s get and set methods to change the count variable.

Refactoring

In this post we’ll extend our previous counter example by refactoring it a little bit.

Let’s recall how the main controller looked before:

In the previous post we’ve seen how to create a simple counter application using Cerebral.

Now let’s start introducing some fun stuff.

First up - Debugger

Just like you have Devtools in Redux, you have a similar tool in Cerebral.

It’s supplied with the main cerebral package and in order to use it, you need to add the following code to your controller:

I want to preface this post with the following disclaimer: I am not a fan of Redux. It became a de-facto standard in state management of React apps and seems to be working great for a lot of people, but I find it to be very verbose and hard to work with. Ok. Now that it’s out of the way, let’s see what else exists in the world today that can help us maintain our application state and keep our sanity.