Kodeaften

Program

• CMS udvikling
• React / Redux / Immutability
• Konform NPM
• Separation of concerns​​
• Three.js

React

Redux

State &

(im)mutability

Konform NPM

http://npm.konform.com:4873

Opsætning

npm set registry http://npm.konform.com:4873
npm adduser --registry http://npm.konform.com:4873

npm config get registry

package.json

{
  "name": "konform-modue",
  "version": "1.0.0",
  "description": "module description bla bla bla",
  "main": "main.js",
  "publishConfig" : {
    "registry" : "http://npm.konform.com:4873"
  },
  "devDependencies": {},
  ...
}

Konform moduler

• Prefix: "k-"
• Compile
  • Hvert modul skal have egen build opsætning
  • $ npm run build
    • grunt/gulp/webpack/babel/es6
  • Increment version i package.json
  • $ npm publish
• Opsætning/boilerplate:
  • Konform Git ?
  • Yeoman ?
    • github.com/babel/generator-babel-boilerplate

Override moduler

# Du bruger følgende modul i dit projekt:

awesome-module@0.1.2

# Du har brug for et fix/feature
# som skal bruges i dit projekt..
# Publish den til sinopia som:

awesome-module@0.1.3-awesome-new-feature

Separation of concerns​

• Service klasser, composer
• logik i views, html/js i controllers