/store-app

Store application developed in different frameworks

Primary LanguageJavaScript

Store app

Creating store application with different frameworks

What I'm testing in each framework

  • Routing
  • Data model
  • Data flow between isolated parts (controllers / components / directives / etc...)
  • Server-side rendering

Applications

  • AngularJS
  • AngularJS + TypeScript
  • Angular 2
  • ReactJS (ES5)
  • ReactJS + Redux
  • ReactJS + TypeScript + Flux
  • ReactJS + TypeScript + Flux + Server Render
  • RiotJS + ES2015
  • Backbone
  • Backbone + RequireJS
  • Backbone + RequireJS + packed

Menu was created with help of http://www.json-generator.com/
This is the code:

[
  '{{repeat(5)}}',
  {
    id: '{{objectId()}}',
    category: '{{company()}}',
    description: '{{lorem(1, "paragraphs")}}',
    items: [
      '{{repeat(5, 8)}}',
      {
		id: '{{objectId()}}',
        name: '{{company()}}',
        price: '{{floating(1, 15, 2)}}',
        tax: '{{floating(0, 2, 2)}}',
        description: '{{lorem(1, "paragraphs")}}',
        modifiers: [
          '{{repeat(3, 5)}}',
          {
            id: '{{objectId()}}',
			name: '{{company()}}',
			price: '{{floating(0, 5, 2)}}'
          }
        ]
      }
    ]
  }
]

How to start

The easiest way is to run

$ npm install
$ npm run start

from the main directory /store-app

Then go to http://localhost:9000/

Keep in mind that each project has it's own node_modules, therefore you nee to run $ npm install in each directory if you want to make some changes.

alt tag