Respondly and the UI Harness (Meteor Devshop)

The Meteor Devshop talk delivered on 31 Aug, 20014 where Phil started with an overview of the Respondly UI. This then led into exploring the "UI Harness" a new open-source tool that Respondly created and uses to isolate, test and document modular UI with Meteor.

https://respond.ly
http://uiharness.com

Video of talk at: https://www.youtube.com/watch?v=ujkXaxn16mQ&feature=youtu.be&t=15m49s

Transcript

1. © COPYRIGHT 2014, PHIL COCKFIELD Hello @philcockfield
2. © COPYRIGHT 2014, PHIL COCKFIELD ui Modular Design Respondly UI Harness
3. © COPYRIGHT 2014, PHIL COCKFIELD Respond on social media as a team. https://respond.ly USED AND LOVED BY
4. © COPYRIGHT 2014, PHIL COCKFIELD #MeteorDevshop Send some tweets with hashtag: Fake Meteor FICTIONAL CO. @fakemeteor
5. © COPYRIGHT 2014, PHIL COCKFIELD ©2007 L Hoffheins, some rights reserved. https://www.flickr.com/photos/artos/1461352722
6. © COPYRIGHT 2014, PHIL COCKFIELD
7. © COPYRIGHT 2014, PHIL COCKFIELD ©2007 L Hoffheins, some rights reserved. https://www.flickr.com/photos/artos/1461352722
8. ©2007 L Hoffheins, some rights reserved. © COPYRIGHT 2014, PHIL COCKFIELD Encapsulation | Reuse | DRY ©2007 L Hoffheins, some rights reserved. Package Ctrl
9. ©2007 L Hoffheins, some rights reserved. © COPYRIGHT 2014, PHIL COCKFIELD ©2007 L Hoffheins, some rights reserved. Ctrl Html CSS Ctrl PopupPrompt TextInput UserSelect UserSelectList UserSelectListItem Popup
10. ©2007 L Hoffheins, some rights reserved. © COPYRIGHT 2014, PHIL COCKFIELD ©2007 L Hoffheins, some rights reserved. Spectrum of reuse HARD EASY Totally not reusable Totally reusable Idiosyncratic reuse “Good enough” reuse Sweet spot here
11. ©2007 L Hoffheins, some rights reserved. © COPYRIGHT 2014, PHIL COCKFIELD ©2007 L Hoffheins, some rights reserved. Respondly (App) REPO Core-Packages REPOS DEPENDS Idiosyncratic reuse “Good enough” to “highly” reusable
12. ©2007 L Hoffheins, some rights reserved. © COPYRIGHT 2014, PHIL COCKFIELD UI Harness A javascript DSL for rapidly building clean, reusable, modular UI. http://www.uiharness.com
13. ©2007 L Hoffheins, some rights reserved. © COPYRIGHT 2014, PHIL COCKFIELD ©2007 L Hoffheins, some rights reserved. UI Harness UNIT TESTS AD HOC SCAFFOLDING Describe behaviour (design) Assertions (correctness) Automatable (CI) Highly flexible Manual manipulation of UI Programmatic manipulation of API
15. © COPYRIGHT 2014, PHIL COCKFIELD Fin. Thank You
16. ©2007 L Hoffheins, some rights reserved. © COPYRIGHT 2014, PHIL COCKFIELD Manages file paths for Meteor packages. npm install -g meteor-package-paths