This repositories' purpose is to illustrate the basic work with MobX and React, as well as some hot technologies like React-router, Webpack, and Yarn, among others.
It's divided into steps, each one corresponding to a branch:
-
- Initial dev environment setup, with instructions for local and cloud environments like Codeanywhere and Cloud9.
- Basic webpack-dev-server settings.
- Boilerplate.
- Usage of Mobx DevTools.
-
- Creation of new Countries route.
-
- Creation of master view (raw).
- Demonstration of observables.
- Fetching data from web services.
-
04-master-view-styling-components:
- Master view styling.
- Adding images processing to webpack-dev-server.
- Breakdown into stateless components and props passing.
-
05-computed-summary-detail-view:
- Demonstration of computed properties through summary component.
- Creation of detail view (raw).
- mobx.toJS conversion.
- Final styling details.
Yet to come...
- Actions and useStrict
- Architectural improvements
- Websockets (because why not?)