React Redux introduction

These are quick notes written while watching tonight’s London React meet up.

Slides from Jonas Ohlsson’s talk are here: using-redux and his demo is critical css

Redux is an open source flux framework (there are others available, such as React Flux).

It’s available on Github here: rackt/redux

This means it auto loads (also known as hot reloads) your JavaScript into the browser as you type.

Standalone – not tied to React JS

It is modular and tiny – just 2kb in size.

Flux high level architecture is Action-> Despatcher->Store->View

Redux high level architecture is Action->Reducer->Store->View

Action creators are JS objects. Does not dispatch actions (unlike Flux)

Reducers are a new concept in Redux, which you write instead of Stores.
They are pure functions (they do not hold any state)

Store

Provider and Connect (add-in)

View.

Dan Abramov (author of Redux) has a free course consisting of 30 video clips. It brings insights about immutability, testing, Redux best practices, and using Redux with React.
Redux

Egg head also has videos on Facebook’s Flux architecture: React Flux Architecture

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s