Home - JoseHerminioCollas/rx-hello GitHub Wiki

rx-hello

rx-react-weather

A repository to establish a base application architecture that utilizes ReactJS and Reactive Extensions.

To the end of establishing this repository a demonstration application is created.

http://weather-goatstone.appspot.com/

Weather displays information about the weather for a list of given cities. A sequence of city weather information can be displayed with the pressing of a button. A pop up list is presented in order to give the user the ability to select a single city to display weather information about. information from different sources are displayed.

[Image]

Methodologies to Establish

  • User Interface components with ReactJS

  • Application logic in streams using Reactive Extensions, Rx and Rx-React. Two main streams that make up the application logic are control and application. Generally the control stream acts on the app stream. The app stream is the main stream for the application and most UI components will register as a listener.

  • Use ReactJS and Reactive streams together, make the UI have internal reactive streams and act on external streams passed to them.

  • Use generator functions to keep sequential data in sync.

  • Abstract remote calls to backend APIs in the class

    goatstone.remote.Cloud

  • Documentation, JSDoc

  • Testing, Mocha, Chai

  • Timing, use the tick callback, start and stop the timer. Use itm for example, to display a series of data over a period of timer.

  • Inline Styles, inline CSS style for UI components is defined for the most part in JavaScript literals and can be found in the module:

    goatstone.ui.style

  • Converting JSON data, most likely received from the wire into data that will be displayed by UI components

  • Server, coordinating front end code with a server back end. In this case the server is Node and it is being deployed to Google App Engine.