Update

Update

• JSPM
• ES6
• React
• ToDo

JSPM: use beta

npm install -g jspm@beta

JSPM: private github access

Setup private github access

JSPM: normalization

Normalization playground

Create normalization docs issue

JSPM: meta

JSPM: debugger

Debug script

Demo

ES6: Links

• Babel playground
• React on ES6 article
• ES6 and ES7 the future of javascript presentation
• Overview websites:
• github.com/lukehoban/es6features
• es6-features.org
• Babel: learn es2015
• Mozilla: ES6 in depth articles
• MDN: ES6 docs items
• MDN: ES7 docs items
• ECMAScript proposals status
• ​

​

​

ES6: using stage 0?

ES7 Class Properties

Proposal

TC39 proces

React

• The V in MVC
• Separation through components
• Declarative [1]
• Virtual DOM (svg, canvas, three.js?)
• Clear event/data flow
• Composable components
• JSX
• Inline CSS with js
• Testable

React: Slicer debugger

github.com/Doodle3D/slicer-debugger

React: native

• Introduction
• Playground

​

React: links

• Thinking in React
• React tutorial (doe het zelf)
• React docs
• React - Rethinking Best Practices
• Introduction to React.js (long)
• SoundCloud player component
• Dev tools beta
• ES6 Modules & React with SystemJS (video)

React: component libraries

• react-components.com
• material-ui.com
• (packagequality.com)
• (npmsearch.com)

ToDo

• Framework
• Unit testing
• Styling approach
• Reactive programming?

ToDo: framework

• Immutable & replay [1] [2]
• Flux
• Cerebral (Demo) (video)
• Redux (Hot reloading & time travel)
• Redux using RxJS
• Alternative Redux usage
• cycle.js

ToDo: Unit testing

React & Redux testing

ToDo: Styling approach

CSS at scale problems:

1. Global namespace
2. Dependencies
3. Dead code elimination
4. Minification
5. Sharing constants
6. Non-deterministic resolution
7. Isolation

CSS in JS

ToDo: Reactive programming

​

​

​

​

​

Netflix talk

ReactiveX