respondly and the ui harness

16
© COPYRIGHT 2014, PHIL COCKFIELD Hello @philcockfield

Upload: phil-cockfield

Post on 07-Jul-2015

124 views

Category:

Technology


0 download

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=15m49s

TRANSCRIPT

Page 1: Respondly and the UI Harness

© COPYRIGHT 2014, PHIL COCKFIELD

Hello@philcockfield

Page 2: Respondly and the UI Harness

© COPYRIGHT 2014, PHIL COCKFIELD

uiModular DesignRespondly UI Harness

Page 3: Respondly and the UI Harness

© COPYRIGHT 2014, PHIL COCKFIELD

Respond on social media as a team.

https://respond.ly

USED AND LOVED BY

Page 4: Respondly and the UI Harness

© COPYRIGHT 2014, PHIL COCKFIELD

#MeteorDevshopSend some tweets with hashtag:

Fake MeteorFICTIONAL CO.

@fakemeteor

Page 5: Respondly and the UI Harness

© COPYRIGHT 2014, PHIL COCKFIELD

©2007 L Hoffheins, some rights reserved. https://www.flickr.com/photos/artos/1461352722

Page 6: Respondly and the UI Harness

© COPYRIGHT 2014, PHIL COCKFIELD

Page 7: Respondly and the UI Harness

© COPYRIGHT 2014, PHIL COCKFIELD

©2007 L Hoffheins, some rights reserved. https://www.flickr.com/photos/artos/1461352722

Page 8: Respondly and the UI Harness

©2007 L Hoffheins, some rights reserved.

© COPYRIGHT 2014, PHIL COCKFIELD

Encapsulation | Reuse | DRY

©2007 L Hoffheins, some rights reserved.

Package

Ctrl

Page 9: Respondly and the UI Harness

©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

Page 10: Respondly and the UI Harness

©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

Page 11: Respondly and the UI Harness

©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

Page 12: Respondly and the UI Harness

©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

Page 13: Respondly and the UI Harness

©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

Page 14: Respondly and the UI Harness
Page 15: Respondly and the UI Harness

© COPYRIGHT 2014, PHIL COCKFIELD

Fin.Thank You

Page 16: Respondly and the UI Harness

©2007 L Hoffheins, some rights reserved.

© COPYRIGHT 2014, PHIL COCKFIELD

Manages file paths for Meteor packages.

npm install -g meteor-package-paths