respondly and the ui harness

Post on 07-Jul-2015

124 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

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

© 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

top related