Componentes: DD

Pasando parámetros en componentes

Transcript

1. Sergio Arbeo
   Bienvenidos
   Abril 2016
   meetup.com/Ember-js-Madrid/
   

   View Slide

2. Welcome back!
   meetup.com/Ember-js-Madrid/
   

   View Slide

3. Welcome back!
   meetup.com/Ember-js-Madrid/
   Stickers
   Thanks to Tracy Lee (@ladyleet)
   Speaker
   Daniel Sudol: Encontrando Factory Guy para crear las pruebas
   sin dolor de cabeza
   Sergio Arbeo: Componentes: DD
   Enrique Álvarez: Componentes: AU
   

   View Slide

4. Sergio Arbeo
   Components: DD
   Abril 2016
   meetup.com/Ember-js-Madrid/
   

   View Slide

5. It’s a me, Sergio
   meetup.com/Ember-js-Madrid/
   

   View Slide

6. It’s a me, Sergio
   meetup.com/Ember-js-Madrid/
   Implemented Contextual Components guided and helped by
   mixonic
   Member of the Issue Triage team.
   

   View Slide

7. Implemented Contextual Components guided and helped by
   mixonic
   Member of the Issue Triage team.
   It’s a me, Sergio
   meetup.com/Ember-js-Madrid/
   

   View Slide

8. It’s a it, Ember.Component
   meetup.com/Ember-js-Madrid/
   

   View Slide

9. It’s a it, Ember.Component
   meetup.com/Ember-js-Madrid/
   Object
   

   View Slide

10. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template
    

    View Slide

11. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template
    

    View Slide

12. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template
    

    View Slide

13. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template
    

    View Slide

14. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template
    

    View Slide

15. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template
    

    View Slide

16. DD
    meetup.com/Ember-js-Madrid/
    AU
    

    View Slide

17. DD
    meetup.com/Ember-js-Madrid/
    AU
    

    View Slide

18. DD
    meetup.com/Ember-js-Madrid/
    

    View Slide

19. Data Down
    meetup.com/Ember-js-Madrid/
    

    View Slide

20. Data Down
    meetup.com/Ember-js-Madrid/
    How do I pass
    ?
    

    View Slide

21. 1. Arguments
    1. Named parameters
    2. Positional parameters
    2. Services
    meetup.com/Ember-js-Madrid/
    

    View Slide

22. Hash arguments
    meetup.com/Ember-js-Madrid/
    

    View Slide

23. Ember Twiddle time!
    meetup.com/Ember-js-Madrid/
    

    View Slide

24. {{my-component
    field=value}}
    meetup.com/Ember-js-Madrid/
    

    View Slide

25. {{my-component
    field=(readonly value)}}
    meetup.com/Ember-js-Madrid/
    

    View Slide

26. Positional Arguments
    meetup.com/Ember-js-Madrid/
    

    View Slide

27. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/
    

    View Slide

28. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com
    

    View Slide

29. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c
    

    View Slide

30. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c
    

    View Slide

31. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c
    

    View Slide

32. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c
    

    View Slide

33. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c
    

    View Slide

34. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c
    

    View Slide

35. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c
    

    View Slide

36. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com
    

    View Slide

37. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com
    

    View Slide

38. Positional Arguments
    meetup.com/Ember-js-Madrid/
    Rest / Varargs / Arbitrary / Whatever
    

    View Slide

39. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

40. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

41. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

42. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

43. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

44. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

45. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

46. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

47. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

48. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

49. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

50. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

51. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

52. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

53. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

54. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

55. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

56. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/
    

    View Slide

57. More on DD
    meetup.com/Ember-js-Madrid/
    

    View Slide

58. http://miguelcamba.com
    meetup.com/Ember-js-Madrid/
    

    View Slide

59. http://balinterdi.com
    meetup.com/Ember-js-Madrid/
    

    View Slide

60. http://serabe.com
    meetup.com/Ember-js-Madrid/
    

    View Slide

61. Questions?
    meetup.com/Ember-js-Madrid/
    

    View Slide

62. Thank you!
    meetup.com/Ember-js-Madrid/
    

    View Slide