Guillermo Rodas

Engineer at Auth0

Organizer of Medellín CSS, CSS Conf CO

and​ Medellín Identidad y Seguridad

@glrodasz

GDE Web Technologies

https://platzi.com/cursos/autenticacion-oauth/

https://platzi.com/cursos/express-js

Curso de Autenticación con OAuth

Curso de Express.js

State Management in JavaScript

state

/steɪt/

the particular condition that someone or something is in at a specific time.

https://www.google.com.co/search?q=define+state&oq=define+state

In information technology and computer science, a program is described as stateful if it is designed to remember preceding events or user interactions;

the remembered information is called the state of the system.

https://en.wikipedia.org/wiki/State_(computer_science)

/users

/users/23

/users/products

/users/products/11

Route as state of the app

https://facebook.github.io/flux/docs/in-depth-overview.html#content

Models and views in Backbone

https://backbonejs.org/#Model-View-separation

http://todomvc.com/examples/backbone/

Observable*

https://pawelgrzybek.com/the-observer-pattern-in-javascript-explained/

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

Flux / Redux / Mobx

Flux

https://facebook.github.io/flux/docs/in-depth-overview.html#content

Dispatcher

Store

View

Action

Action

Redux

https://codesandbox.io/s/github/reduxjs/redux/tree/master/examples/counter-vanilla

Reducer(s)

Store

View

Action

Dispatch

Mobx

https://mobx.js.org/intro/overview.html

Action

State*

View

React State

Local State

https://reactjs.org/docs/state-and-lifecycle.html#adding-local-state-to-a-class

Context

https://reactjs.org/docs/context.html#when-to-use-context

Hooks

https://reactjs.org/docs/hooks-overview.html

The future is not one Solution

Temporary state

(Form, Modals)

Local State

Large app

(Web application)

Flux/ Redux /Mobx

Small app (Shopping cart )

Local State

HOCs / Render Props

Hooks

+ Local State, Hooks