Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Modular UI with (Angular || Ember)

Andy Appleton
January 15, 2014
Programming
0
100

Modular UI with (Angular || Ember)

A talk at the London Ember.js meetup

Andy Appleton

January 15, 2014
Tweet

More Decks by Andy Appleton

See All by Andy Appleton
Done is better than perfect
appltn
0
430
Rage against the state machine
appltn
1
360
Building web apps with Express
appltn
4
450
The Modern JavaScript Application
appltn
5
510
Object Creation Pattern Performance
appltn
1
580
Introducing Mint Source
appltn
1
370

Other Decks in Programming

See All in Programming
マイクロサービス化を切り戻してモノリスで開発しているお話 およびその後
myahagi
0
330
KubeCon + CNCon Europe 2023 Recap Flux Beyond Git: Harnessing the Power of OCI
ksudate
0
310
Webエンジニアに転生したらCSS魔導士になった件
satoshi7190
2
2.5k
Modern and Lightweight Cloud Application Development with Jakarta EE 10
ivargrimstad
0
690
Kotlin Multiplatform Library 배포하기
fornewid
0
210
AndroidにもSelect Photosがやってきた
akatsuki174
0
150
LLMによるプロット生成の試み（スターウォーズ）
hitokun
0
1.2k
Jetpack Compose Debugging to fix performance problems
yucamm124
0
450
Managing State Beyond ViewModels and Hilt
vrallev
1
300
最強のターミナル・シェルを作る - NIFTY Tech Talk #11
niftycorp
2
110
コンテナ環境でのJavaチューニング
kazumura
2
400
研究の場においてのRust 製ソフトウェアのバージョン管理について
puripuri2100
0
250

Featured

See All Featured
Happy Clients
brianwarren
90
6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1.1M
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
35
9.7k
Music & Morning Musume
bryan
37
4.9k
BBQ
matthewcrist
75
8.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
16
1.3k
From Idea to $5000 a Month in 5 Months
shpigford
374
45k
The Pragmatic Product Professional
lauravandoore
22
3.8k
Designing the Hi-DPI Web
ddemaree
273
33k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
13k
In The Pink: A Labor of Love
frogandcode
133
21k
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k

Transcript

  1. MODULAR UI WITH
    (ANGULAR || EMBER)

    View Slide

  2. ANDY APPLETON
    @appltn

    View Slide

  3. View Slide

  4. IN JANUARY 2013
    WE HAD A PROBLEM

    View Slide

  5. View Slide

  6. customer merchant partner

    View Slide

  7. customer merchant partner

    View Slide

  8. View Slide

  9. WE STARTED SEEING
    PATTERNS

    View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. DEVELOPERS ARE
    ALLERGIC TO
    DUPLICATION

    View Slide


  14. !

    View Slide


  15. !
    Show modal
    

    

    Modal title

    Modal content


    View Slide


  16. !
    


    View Slide


  17. !
    {{link-text}}
    

    

    Modal title

    Modal content


    View Slide


  18. !
    

    New Customer

    ... 


    View Slide


  19. !
    {{link-text}}
    !
    ng-transclude>

    View Slide

  20. ANGULAR ROCKS!

    View Slide

  21. EMBER SUCKS!

    View Slide

  22. QUESTIONS?

    View Slide


  23. !
    {{#gc-modal title="Add customer"}}

    {{title}}
    Dialog content

    {{/gc-modal}}

    View Slide


  24. !
    {{link-text}}

    

    

    {{yield}}


    View Slide

  25. NEXT PROBLEM

    View Slide

  26. THOSE PESKY
    CUSTOMERS

    View Slide

  27. customer merchant partner

    View Slide

  28. View Slide

  29. SEPARATE APPS
    SHARED COMPONENTS

    View Slide

  30. TO THE
    RESCUE

    View Slide

  31. View Slide

  32. THE APP BECOMES A
    THIN(ish) LAYER OF
    GLUE CODE

    View Slide

  33. View Slide

  34. View Slide

  35. View Slide

  36. /gocardless-ng

    View Slide

  37. ?

    View Slide