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


Top Related