{"action":"opened","issue":{"url":"https://api.github.com/repos/SassConf/2015-austin-speaker-cfp/issues/74","labels_url":"https://api.github.com/repos/SassConf/2015-austin-speaker-cfp/issues/74/labels{/name}","comments_url":"https://api.github.com/repos/SassConf/2015-austin-speaker-cfp/issues/74/comments","events_url":"https://api.github.com/repos/SassConf/2015-austin-speaker-cfp/issues/74/events","html_url":"https://github.com/SassConf/2015-austin-speaker-cfp/issues/74","id":86776968,"number":74,"title":"The journey to a fully-scalable component library","user":{"login":"kretzm","id":900447,"avatar_url":"https://avatars.githubusercontent.com/u/900447?v=3","gravatar_id":"","url":"https://api.github.com/users/kretzm","html_url":"https://github.com/kretzm","followers_url":"https://api.github.com/users/kretzm/followers","following_url":"https://api.github.com/users/kretzm/following{/other_user}","gists_url":"https://api.github.com/users/kretzm/gists{/gist_id}","starred_url":"https://api.github.com/users/kretzm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kretzm/subscriptions","organizations_url":"https://api.github.com/users/kretzm/orgs","repos_url":"https://api.github.com/users/kretzm/repos","events_url":"https://api.github.com/users/kretzm/events{/privacy}","received_events_url":"https://api.github.com/users/kretzm/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-06-10T00:07:54Z","updated_at":"2015-06-10T00:07:54Z","closed_at":null,"body":"# Title of Presentation\r\nThe journey to a fully-scalable component library\r\n\r\n## Type of Presentation\r\n[ x ] Standard Length Talk\r\n[  ] Lightning Talk\r\n[  ] Workshop\r\n[  ] Moderated Discussion\r\n\r\n## Description\r\nAfter building the first fully responsive telecommunications website in Canada, our framework and process needed to evolve. We realized that our initial Sass framework wasn’t scaling, our re-usable patterns were not being re-used correctly, and new components were being built in silos. As a result, developers were left to pull code from multiple pages, product owners had to oversee different implementations of the same feature, and the global codebase became fragmented and hard to manage. \r\n\r\nOur solution was to create a component library which would act as a singular reference for global element implementation, standards and conventions. It would also handle the distribution of components to internal teams and external vendors across the country. This approach gives developers a resource of components which is managed and updated in one place. The focus is put back on the building of pages or apps, and less on figuring out how to make a component work for their individual case.\r\n\r\nThis talk will dive into the architectural strategies and solutions used to build our component library (specifically the Sass aspects), which include;\r\n* Architectural structure of our Sass system\r\n* Abstracting branding/theme from components\r\n* High-level implications of adopting BEM\r\n* Integrating a component library into different web properties\r\n* Maintaining and updating components\r\n\r\nThe purpose of this talk is not to focus on “what” the solution is, but rather “why\" did we make these decisions and “how” did we implement them. Our build, measure, learn process allows us to consistently refine our solutions as we test on real customer facing products. I'm excited to share what we’ve discovered thus far.\r\n\r\n\r\n## Speaker Info\r\n\r\n* Name      : Mike Kretz\r\n* Location  : Toronto, Canada\r\n* Contact   : mkretz@nascentdigital.com\r\n\r\n##### Social Media:\r\n\r\n* Twitter   : [@kretzm](https://twitter.com/kretzm)\r\n* GitHub    : [Github](https://github.com/kretzm)\r\n* Url(s)    : http://michaelkretz.com\r\n\r\n##### Bio:\r\n\r\nMike Kretz is a front-end developer with [Nascent](http://www.nascentdigital.com), a Toronto-based digital agency. His passion is working with large-business clients and startups to build their front-end systems and hone their working process. When he’s not hacking away in HTML, Sass and JavaScript frameworks, he’s scouring the web for Scandinavian interior design inspiration and posting it up on his Tumblr.\r\n\r\n##### Photo:\r\n\r\n![Avatar](http://michaelkretz.com/images/workpic.jpg)"}}