Intro

how to

• creer un component

  • props + propager props
  • fixtures + utiliser celles des enfants
  • validation + api
  • brancher un component dans un parent
    • factory + jsx
  • css-modules
    • class composition
    • inline
    • ajout de classe sur un enfant
    • media queries

• structure

  • atom -> template
  • behaviour
  • templates + implementation avec children

• creer un template pour une app

• decoupe en components

• creation des dom + css

• definition --> api --> fixtures

• remonter du bas jusquau template

• afficher/tester

  • sandbox + fixtures
  • npm link / npm run publish:canary
  • npm run build | bundler-components

• release

  • npm run publish:lastest

comment ca marche

• lerna

• npm test, npm run build, npm start

• publish

• treantjs

• components

  • design

• le code

  • /src = es6/babel plugin
  • css-modules

• distribution

  • babel --> /lib /es
  • webpack ---> dist css/js
  • bundler --> webpack