WarsawJS

Piotr Błaszczak

Full Stack Web Developer

8 years of experience in web development

---

Agenda

1. Why we need generators
2. Generator angular-flow as example
3. How to build generator with Yeoman
4. Goodies in angular-flow

The habits of highly boring people

https://www.youtube.com/watch?v=3rbVQNTzCh8

Chris Sauve | TEDxCarletonU

Your day

1. 5-9 items we can do
2. 50 items we has to do
3. mental energy pool
4. stay in the zone
5. focus on big decisions

Knowledge Container

• file structure
• component templates
• modules & libraries
• development
• prototyping
• production build
• configuration
• company best practices

Yeoman angular-flow generator

https://github.com/myflowpl/generator-angular-flow

• app
• module
• state
• component
• modal
• directive,filter,resource...

Create Yeoman generator

http://yeoman.io/authoring/

• init npm module
• install generator-generator
• create template
• create directory with index.js file
• npm link
• try TI !!!

Goodies in angular-flow

AngularJS

• ui-router
• ui-bootstrap
• cg-busy
• loading-bar
• angular-modals

Goodies in angular-flow

Webpack

• dev server
• require with CommonJS style
• loaders
• livereload / hot replacement
• production build
• endpoint & common bundles

SASS
Twitter Bootstrap

TODO in angular-flow

• configurable behavior
• custom templates
• generate doc-block
• generate tests
• generate mocks

SlackMap.com

Thank You !!!

Piotr Błaszczak

        pedro.blaszczak@gmail.com
        github.com/MyFlowPL
        @MyFlowPL
        FB/piotr.blaszczak

See you next month at WarsawJS

Questions & Comments