Create html structure for the about page

[brauliodiez]

Let's create a nice looking structure that will display a summary of the sample being implemented, proposal:

Sample title

_Short description _

Highlights

• File: description

Any extra info e.g. diagram

Let's start with sample 11, spinner (this is just an idea, fulfill it with the components / clasess real names)
#11 Spinner async

In this sample we are going to show a spinner (busy indicator) whenever one or more ajax request are in progress.

Highlights

The most interesting parts worth to take a look:

• Components:
  • Members Page: just fire two async request (gitHub json API), member and repositories belonging to a given organization.
  • Spinner: check the http reducers state values to hide / show the spinner.
• Reducers
  • Http Reducer: Takes care of handling httpCallStarted and httpCallCompleted actions, updating the show spinner props (internally counts the number of requests that are in progress).
• Actions:
  • Load action: member page trigger this actions to request async data.
  • httpCallStarted / httpCallCompleted: this two actions notify HttpReducer whenever an ajax request has been fired or completed.
• Classes:
  • MemberAPI: fake member API (implemented two methods that request real json calls to github api to retrieve list of members and list of repos from a given organizations), this member API makes use of an http helper class we have created.
  • http: Wraps a $ajax.getjson request and takes care of notifying (dispatching an action) whenever an ajax call has been fired, and has been completed.