technical

Project structure

A. Simple React Application

Open points:

• If we go for ES6, how do we create ViewModels?

.
├── ./config
│   ├── ./config/webpack.config.base.js
│   ├── ./config/webpack.config.dev.js
│   └── ./config/webpack.config.prod.js
├── ./package.json
└── ./src
    ├── ./src/api
    │   ├── ./src/api/chat.js
    │   ├── ./src/api/index.js
    │   └── ./src/api/lobby.js
    ├── ./src/common
    ├── ./src/pages
    │   ├── ./src/pages/chat
    │   │   ├── ./src/pages/chat/chat.component.jsx
    │   │   ├── ./src/pages/chat/chat.container.jsx
    │   │   └── ./src/pages/chat/index.js
    │   └── ./src/pages/lobby
    │       ├── ./src/pages/lobby/index.js
    │       ├── ./src/pages/lobby/lobby.component.jsx
    │       └── ./src/pages/lobby/lobby.container.jsx

B. Tutorial Redux structure (comment advantages drawbacks)

C. Pods evolution