Demo of Redux

By Mark Qian 3/2017 ([email protected])

The demo page: http://reduxdemo.coolshare.surge.sh

Description:

This is a demo page where the follow features are demo:

• A general web UI layout:

  1). top links to divide business concept into multiple area ("Main" and "Second") 2). tabs to further divide an area into sub areas 3). accordions at the right side (in TabA) to provide management UI for different features 4). master/detail layout to provide an editing environment to handle collection data (Right pane in TabA) 5). other type of UI like map

• Access store globally. The store static field of global class holds the reference of Redux store so that we can access the store and related method such as dispatch any where instead of pass the store down in the component hierachy. See code details at /services/CommunicationService.js

• Basic function/feature of Redux: connect of React-redux, middleware, dispatching actions, subscription and so on.

Go Mark's home page http://MarkQian.com to see more.