respondly and the ui harness
DESCRIPTION
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=15m49sTRANSCRIPT
© COPYRIGHT 2014, PHIL COCKFIELD
Hello@philcockfield
© COPYRIGHT 2014, PHIL COCKFIELD
uiModular DesignRespondly UI Harness
© COPYRIGHT 2014, PHIL COCKFIELD
Respond on social media as a team.
https://respond.ly
USED AND LOVED BY
© COPYRIGHT 2014, PHIL COCKFIELD
#MeteorDevshopSend some tweets with hashtag:
Fake MeteorFICTIONAL CO.
@fakemeteor
© COPYRIGHT 2014, PHIL COCKFIELD
©2007 L Hoffheins, some rights reserved. https://www.flickr.com/photos/artos/1461352722
© COPYRIGHT 2014, PHIL COCKFIELD
© COPYRIGHT 2014, PHIL COCKFIELD
©2007 L Hoffheins, some rights reserved. https://www.flickr.com/photos/artos/1461352722
©2007 L Hoffheins, some rights reserved.
© COPYRIGHT 2014, PHIL COCKFIELD
Encapsulation | Reuse | DRY
©2007 L Hoffheins, some rights reserved.
Package
Ctrl
©2007 L Hoffheins, some rights reserved.
© COPYRIGHT 2014, PHIL COCKFIELD
©2007 L Hoffheins, some rights reserved.
Ctrl Html CSS
CtrlPopupPrompt
TextInput
UserSelect
UserSelectList
UserSelectListItem Popup
©2007 L Hoffheins, some rights reserved.
© COPYRIGHT 2014, PHIL COCKFIELD
©2007 L Hoffheins, some rights reserved.
Spectrum of reuse
HARDEASY
Totally not reusable Totally reusable
Idiosyncratic reuse “Good enough” reuse
Sweet spot here
©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
©2007 L Hoffheins, some rights reserved.
© COPYRIGHT 2014, PHIL COCKFIELD
UI HarnessA javascript DSL for rapidly building clean, reusable, modular UI.
http://www.uiharness.com
©2007 L Hoffheins, some rights reserved.
© COPYRIGHT 2014, PHIL COCKFIELD
©2007 L Hoffheins, some rights reserved.
UI Harness UNIT TESTSAD HOC SCAFFOLDING
Describe behaviour (design) Assertions (correctness) Automatable (CI)
Highly flexible Manual manipulation of UI Programmatic manipulation of API
© COPYRIGHT 2014, PHIL COCKFIELD
Fin.Thank You
©2007 L Hoffheins, some rights reserved.
© COPYRIGHT 2014, PHIL COCKFIELD
Manages file paths for Meteor packages.
npm install -g meteor-package-paths