On Github drublic / component-based-development
Freelancer, Front-End Developer, Freiburg/Germany
and others: github.com/drublic
Components?
Examples
Build a component
Module, Widget, …
Component-based software engineering is a branch of software engineering that emphasizes the separation of concerns in respect of the wide-ranging functionality available throughout a given software system.
It is a reuse-based approach to defining, implementing and composing loosely coupled independent components into systems.
Different parts on a web page
Like jQuery plugins
No context
Separation of concerns
Separation within a team
Sharing & reuse
Faster development
Updates for code get easier
Responsive by default
Large websites
Web applications
Style Guides
Small web projects?
User Interface Libraries
Forms, buttons, lists, messages, …
+ fast development
+ reusable
- might do more than you need
- DRY?
Break down to a minimum
Flexibility
Markup
Styles
Functionality
A package manager for the web
Manage components automatically
$ npm install -g bower
Install easily
$ bower install css-modal
Use your own Git repositories
Components help with specificity
Build them out of context
Think about component libraries
Component Based Development • Beyond Tellerrand 2013 • Hans Chr. Reinl / @drublic