Skip to content

Latest commit

 

History

History
15 lines (10 loc) · 1.27 KB

README.md

File metadata and controls

15 lines (10 loc) · 1.27 KB

Github Viewer

The goal of this project is to demonstrate key concepts of various front-end frameworks and libraries. We use a simple app called Github Viewer for this purpose. The app allows you to enter the name of an organization and displays its repositories, sorted by their star rating. Here's a screen shot of the application.

The various implementations, including the key concepts they demonstrate, are described below:

github-viewer-ng2-basic

  • Uses Angular2
  • Demostrates how the Http class can be used to send HTTP requests and receive results in an Observable. See github.service.ts for the specific example.
  • Shows how to pass data from a parent component to a child component using input bindings (the @Input decorator). The key pattern we are demonstrating here is called Presentational and Container Components. See org-viewer.component.html and repo-list.component.ts for the specifics.

github-viewer-ng2-redux

  • Uses Angular2 + ng2-redux to demonstrate the one-way data flow pattern popularized by React and Redux.