Elm: Front-End sin dolores de cabeza

Presentación para el meetup de Bogotá Lambda en diciembre 10 de 2016.
http://www.meetup.com/es-ES/Bogota-Lambda/events/235602890/

Transcript

1. Hola.
2. elm Front-end sin dolores de cabeza
3. Javier Santiago Lozano, 27 Full stack overflow developer <3 Front-End
4. funcssion.com
5. @jasalo github • twitter facebook • instagram etc.
6. Primero que todo, de aquí ¿quién… usa lenguajes fuertemente tipados? usa lenguajes imperativos? usa lenguajes funcionales? hace front-end? conoce Redux o Flux? usa lenguajes que compilan a JavaScript?
8. Pan de cada día:
9. this
10. CLDD console.log driven development
11. ¿Tipos? Pff Callback hell Promesas ES5, ES6, etc. Polyfills npm Un nuevo framework cada hora...
12. Demasiadas cosas pueden y van a salir mal
13. Hay otras opciones
15. MVC Inyección de dependencias Directivas Two-way binding Templates (DOM)
16. ¡El Ruby on Rails del Front-End!
17. Pero Cuando la aplicación crece, se vuelve muy difícil razonar sobre ella
18. Código de la vida real
21. V de MVC Virtual DOM JSX Componentes
22. Redux
23. state Fuente de la verdad
24. UI = Es el estado en un punto del tiempo state
25. “Inmutabilidad” Acciones Mutadores
28. La respuesta a nuestras plegarias
29. No es Haskell
30. elm
31. Sus vidas como developers de front-end van a cambiar. (para bien) ADVERTENCIA: Mente abierta por favor.
32. Filosofía
33. Programación funcional sin tabúes
34. ¿Qué tiene?
35. Funciones puras Tipos estáticos (e inferidos) Inmutabilidad Compilado -> ¡Excelentes errores! Elimina errores en runtime Arquitectura Elm (Managed effects) Implementación propia de Virtual DOM Interoperabilidad con JS Sintaxis simple y concisa
36. simple != fácil
37. Un poco de sintaxis
38. Tipos básicos
39. Tipos básicos
40. Puro & Funcional
41. Puro & Funcional
42. Más tipos - Union types (suma)
43. Excelentes errores
44. Más tipos - Records (producto)
45. Más errores - Records
46. Inmutabilidad
47. Ok, un Hola mundo
48. null? undefined? ¡Nunca más!
49. Les presento a Maybe
50. Otro ejemplo de Maybe
51. Lo mejor: La Arquitectura Elm
52. model update view
53. Arquitectura elm I view update model Msg
54. Arquitectura elm II Incrementar Decrementar
55. Cmd Sub
56. Arquitectura elm III view update Cmd model Msg Msg
57. Arquitectura elm IV
58. Arquitectura elm V
59. Arquitectura elm VI
60. Arquitectura elm VII
61. Arquitectura elm - Final
62. Ecosistema
63. elm-package elm-make elm-reactor elm-repl
64. Conclusiones
65. Menos boilerplate (à la Rails) Más explícito No es la solución a todo Lenguaje joven Selling point: Los mejor errores que he visto
66. One more thing…
67. elm2go -> elm para el Back-End @jasalo + @davidpelaez
68. @jasalo github • twitter facebook • instagram etc.
69. ¡Gracias!