Confit - Generate your Web Build Tools

`npm install -g yo generator-confit`
`yo confit`

That's all you need to type to create a set of modern build tools for web development.

Slides used at Melbourne F-enders Meetup (March 3 2016) and Melbourne AngularJS Meetup (March 10 2016)

Transcript

1. GENERATE PROFESSIONAL BUILD TOOLS OVERCOME TOOL CHURN
2. About Me Chief Engineer – Web https://au.linkedin.com/in/brettuglow https://github.com/uglow
3. Purpose u Become a user of Confit u Become a contributor to Confit … and make the world a better place for front-end developers J
4. Web apps were simple once HTML CSS JS
5. Complexity has increased HTML CSS JS Component Libraries CSS Libraries Frameworks Loaders CSS Compilers Transpilers & Compilers Linting Minification Bundling Asset Pipelines Scaffolders / Generators Unit Testing Browser Testing Semantic Releases Jade JSX Compiler CI/CD Multiple Environments
6. Grunt to the rescue! Gruntfile.js Minification Concatenation … … HTML CSS JS Project configuration
7. Smarter Grunt to the rescue! Gruntfile.js Minification.js Concatenation.js TaskX.js … HTML CSS JS Project configuration
8. Gulp to the rescue! HTML CSS JS Gulpfile.js Website Minify Concat JS
9. <insert tool> the rescue! HTML CSS JS
10. Writing tool config is costly & hard Tool config Project Project 1 Project 2 Time Coupling Churn Portability
11. How not to write tool config Clone it Generate it
12. How Confit works Q A Confit.json package.json README.md Sample Project yo confit Tool config npm start
13. Demo
14. Confit gives you… Confit.json package.json dev, build, serve, test, release README.md ├── config ├── reports │ ├── coverage │ └── unit └── src └── modules └── demoModule ├── assets │ ├── font │ └── img ├── browserTest ├── styles ├── template └── unitTest Project Definition Build Tools & Standard Processes Tool config
15. Confit also gives you… Time Churn Resistance Shareable Recipes
16. Confit = Shareable Project Recipes Confit.json
17. The roadmap u Beta – mid March u Fix bugs u Tidy up further u React support u 1.0 Release – 7th April u Future u Add project-type question (front-end web, node library, full-stack web) u Community contributions!!
18. Get started! u Search: odecee yo confit u Github: https://github.com/odecee/generator-confit u Sample project: http://bit.ly/1SjbCus
19. Questions?