Introducción a Elm

Charla de introducción a elm presentada en chile

Transcript

1. INTRODUCCIÓN A ELM
2. QUE ÉS ELM? 2 •4 años de edad •Compila para JS •Enfocada en Front-end •Enfocada en Simplicidad
3. CARACTERÍSTICAS 3 •Funcional •Syntax ML •Inmutabilidad •Funciones Puras •Sistema de tipos fuertes
4. 4 ¿REALMENTE NECESITO APRENDER UNA NUEVA LENGUAJE?
 YA TENEMOS JAVASCRIPT
5. 5 Elm JS ES6 + Babel + Flow + Webpack + React + Redux + Immutable or Typescript or Brunch or Gulp or Grunt or Cycle.js + RxJS or seamless-
 immutable Ni siquiera cerca
6. 6 THE ELM ARCHITECTURE
7. 7 Reducer State <View> dispatch(Action)
8. 8 muéstrame el código
9. 9 ELM MAKE El compilador que habla con usted
13. NO HAY EXCEPTIONES DE RUNTIME 13
14. NO HAY EXCEPTIONES DE RUNTIME 14
15. 15 ELM PACKAGE El mejor package manager de todos los tiempos
16. 16 SEMVER OBLIGATORIO
17. 17 SEMVER OBLIGATORIO
18. 18 CHANGELOG AUTOMATICO
19. 19 DOCS OBLIGATORIO
20. 20 ELM REACTOR Flujo impresionante de desarrollo
21. ELM REACTOR 21 •Auto compilación de Elm •Hot-swapping •Time travel debugging
22. 22 EXAMPLE http://debug.elm-lang.org/edit/Mario.elm http://elm-lang.org/assets/blog/0.18/todomvc.html
23. 23 JS JAVASCRIPT INTEROP Siempre evítalo cuando posible
24. 24 DE JS PARA ELM port addUser : (UserRecord -> msg) -> Sub msg myapp.ports.addUser.send([ "Tom", { age: 32, job: "lumberjack" } ]); myapp.ports.addUser.send([ "Sue", { age: 37, job: "accountant" } ]); JS
25. 25 DE ELM PARA JS port requestUser : String -> Cmd msg myapp.ports.requestUser.subscribe(databaseLookup); function databaseLookup(user) { var userInfo = database.lookup(user); myapp.ports.addUser.send(user, userInfo); } JS
26. 26 pero, porque debo ocupar? (además de las cosas técnicas)
27. PORQUE ES MUY FÁCIL 27 "Our need for Elm developers is constantly increasing. Luckily Elm is easy. I mean, it takes some learning, but I know that I can get my devs productive with it quickly - quicker than Angular or React.” - Amitai Burstein "I’ve introduced a fair amount of developers to the Elm programming language […]. Last week, I introduced one of my team members to React […]. and much more explanation was necessary to get him to be productive.” - Damien Klinnert
28. PORQUE YA SE OCUPA EN PRODUCCIÓN 28
29. PORQUE LA COMUNIDAD ES SUPER BUENA 29
30. ¡MUCHAS GRACIAS!