Fault Tolerant UX

E01ec1de2f7783812d2235a6a9aaaeea?s=47 Dan Gebhardt
March 04, 2015
Programming
4
570

Fault Tolerant UX

Talk from EmberConf 2015.

E01ec1de2f7783812d2235a6a9aaaeea?s=128

Dan Gebhardt

March 04, 2015
Tweet

More Decks by Dan Gebhardt

See All by Dan Gebhardt
E01ec1de2f7783812d2235a6a9aaaeea?s=48 dgeb
4
410
E01ec1de2f7783812d2235a6a9aaaeea?s=48 dgeb
0
220
E01ec1de2f7783812d2235a6a9aaaeea?s=48 dgeb
0
86
E01ec1de2f7783812d2235a6a9aaaeea?s=48 dgeb
0
190
E01ec1de2f7783812d2235a6a9aaaeea?s=48 dgeb
2
140
E01ec1de2f7783812d2235a6a9aaaeea?s=48 dgeb
0
51
E01ec1de2f7783812d2235a6a9aaaeea?s=48 dgeb
4
2.8k
E01ec1de2f7783812d2235a6a9aaaeea?s=48 dgeb
5
480
E01ec1de2f7783812d2235a6a9aaaeea?s=48 dgeb
10
1.2k

Other Decks in Programming

See All in Programming
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
150
636420dfa4bd120435447924327530f0?s=48 nichimu
0
810
B337bccaf042748ab81c81ea623bad40?s=48 regtan
0
170
79fc33e55cacc42beef647541de24d58?s=48 yasuakiomokawa
2
410
3528f569ab96088a8a2b00b3c33de599?s=48 erickhun
1
150
Eb44761e0fb3a5ec8e23ec28048dd7a5?s=48 stoitsev
1
110
098d1adf6ec5b955e29e624b6cc9b6f9?s=48 totokit4
2
130
7b606c5039f083d13e2d2320ce6ddcfa?s=48 dqneo
2
410
1405a601755e5fcbfdc93a2560368bb1?s=48 freddi
0
210
73b0a25ed03f649ec63ded82ce4ac7cb?s=48 nunulk
0
130
Dbfa12cd7e1ff8b06a588609369d6e49?s=48 eddie
1
690
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
190

Featured

See All Featured
5f83ef806155b403c3393160ce51f955?s=48 jlugia
216
16k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
52
4k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
69
3.5k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
125
21k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
232
810k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
24fc194843a71f10949be18d5a692682?s=48 gr2m
82
11k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
145
6.5k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
206
6.8k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
320
53k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.7k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
198
9.5k

Transcript

  1. FA U LT T O L E R A N

    T U X D A N G E B H A R D T @ d g e b
  2. None
  3. None

  4. & > < > a > z in r O

    m D > 30 3
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None

  17. <html /> J AVA S C R I P T

  18. None
  19. None
  20. None

  21. < M A R K U P / >

  22. None
  23. None
  24. None
  25. None

  26. FA U LT T O L E R A N

    C E U X F I R S T

  27. FA U LT T O L E R A N

    T U X = = T R A N S A C T I O N A L U X

  28. T R A N S A C T I O

    N A L U X • Atomic • Consistent • Isolated • Durable

  29. AT O M I C “ A L L O

    R N O T H I N G ”
  30. None

  31. C O N S I S T E N T

    M O V E S B E T W E E N VA L I D S TAT E S
  32. None
  33. None

  34. I S O L AT E D A L L

    O W S C O N C U R R E N T C H A N G E S
  35. None

  36. D U R A B L E C H A

    N G E S P E R S I S T
  37. None

  38. A p p l i c a t i o

    n s M U S T N O T V i o l a t e t h e R u l e s o f Tr a n s a c t i o n a l U X O R E L S E

  39. FA U LT T O L E R A N

    T U X = = F O R G I V I N G U X

  40. A p p l i c a t i o

    n s S H O U L D Tr y t o P ro v i d e a F o rg i v i n g U X ~ p l e a s e ~

  41. T R A N S I T I O N

    A L P E R S I S T E N C E
  42. None

  43. U N D O / R E D O

  44. None

  45. O F F L I N E S U P

    P O RT

  46. [ Offline ] Ember ToDos

  47. A S Y N C H R O N O

    U S ( N O N - B L O C K I N G ) I N T E R FA C E

  48. Syncing… Ember ToDos

  49. E N G I N E E R I N

    G FA U LT T O L E R A N C E

  50. E M B E R P R O V I

    D E S S I M P L E , E L E G A N T PAT T E R N S F O R B U I L D I N G A C O N S I S T E N T U X

  51. E M B E R D ATA P R O

    V I D E S S I M P L E , E L E G A N T PAT T E R N S F O R B U I L D I N G A C O N S I S T E N T + D U R A B L E U X

  52. E M B E R D ATA Atomic Consistent Isolated

    Durable = R E Q U I R E S C U S T O M I Z AT I O N Transitional Persistence Undo / Redo Offline Support Asynchronous Interfaces

  53. R E T H I N K A S S

    U M P T I O N S A N D P R I M I T I V E S

  54. DISPARATE SOURCES

  55. DISPARATE DATA

  56. COMMON INTERFACES

  57. NORMALIZED DATA

  58. EVENTED CONNECTIONS

  59. PROMISIFIED METHODS doThing

  60. A S TA N D A L O N E

    L I B R A RY F O R C O O R D I N AT I N G A C C E S S T O D ATA S O U R C E S A N D K E E P I N G T H E I R C O N T E N T S S Y N C H R O N I Z E D .

  61. PRIMARY INTERFACES { } REQUESTABLE TRANSFORMABLE

  62. REQUESTABLE find add remove update patch findLink addLink removeLink findLinked

  63. TRANSFORMABLE transform(operation)

  64. NORMALIZED DATA JSON Patch transformations: [{"op":"remove",! "path":["planet","f82eed41-3e63-4061-953f-23f74192dcdd"]}! {"op":"add",! "path":["planet","107dc357-7df5-422f-b9d7-817244716e86"],! “value”:{“name”:”Mercury",!

    "id":"107dc357-7df5-422f-b9d7-817244716e86"}}]!

  65. CONNECTORS { } REQUEST TRANSFORM

  66. SYNCHRONOUS EVENT HANDLING 1 2 3 4 5 6

  67. 1 2 3 4 5 6 7 ??? P P

    = Promise SYNCHRONOUS EVENT HANDLING

  68. PROMISE-AWARE EVENTS 1 2 3 4 5 6 7 8

    P P P P P = Promise Async Blocking

  69. PROMISE-AWARE EVENTS 1 2 3 ??? 4 5 6 7

    P = Promise P P Async Non-Blocking

  70. COMMON LIBRARY

  71. { } MEMORY JSON API LOCAL STORAGE + MORE +

    ORBIT COMMON LIB 
 SOURCES

  72. { } MODELS KEYS RELATIONSHIPS + MORE + ORBIT COMMON

    LIB 
 SCHEMA

  73. + = ember-orbit

  74. EO.Store all filter retrieve ! find add remove patch findLink

    addLink removeLink { } { } Synchronous Asynchronous ember-orbit

  75. Star = EO.Model.extend({! name: attr('string'),! planets: hasMany('planet', {inverse: 'sun'})! });!

    ! Planet = EO.Model.extend({! name: attr('string'),! classification: attr('string'),! sun: hasOne('star', {inverse: 'planets'})! }); EO.Model ember-orbit

  76. URLS DRIVE APPLICATION STATE

  77. SOURCES DRIVE MODEL STATE ember-orbit

  78. A P P L I C AT I O N

    PAT T E R N S

  79. CLIENT-FIRST DEVELOPMENT

  80. PLUGGABLE SOURCES

  81. DATA SYNCHRONIZATION

  82. EDITING CONTEXTS

  83. UNDO / REDO

  84. Twitter: @orbitjs
 IRC: #orbitjs
 Github: https://github.com/orbitjs Soon: orbitjs.com

  85. T H A N K S ! @ d g

    e b