Redux Introduction

Pre

• Client Side Rendering vs Server Sider Rendering
• import syntax
• babel
• webpack
• single source of truth

What is React?

• client side view framework
• uses virtual DOM

What is Redux?

• single source of truth
• used for managing state

Action

• an event, of the form { type, payload }
• actions are dispatched by actionCreators

Reducer

• a pure function, listens for actions

reducer :: (previousState, action) -> newState

How to run this app

Dev

1. Clone this repo
2. run npm install
3. run npm run dev:build

• this bundles and watches the react app

1. in another terminal tab, run npm run dev:start

• this runs and watches the server