elm
play

elm IN PRODUCTION FULL-SCALE @rtfeldman 2013 2014 2015 2016 - PowerPoint PPT Presentation

Nov 26, 2023 •328 likes •876 views

elm IN PRODUCTION FULL-SCALE @rtfeldman 2013 2014 2015 2016 IN PRODUCTION 2 billion questions answered 100,000 lines of elm code 0 runtime exceptions Ellie VIEW FUNCTION ARGUMENTS VIRTUAL DOM the elm architecture update Model view

  1. elm IN PRODUCTION FULL-SCALE @rtfeldman

  2. 2013 2014 2015 2016

  4. IN PRODUCTION 2 billion questions answered 100,000 lines of elm code 0 runtime exceptions

  5. Ellie

  6. VIEW FUNCTION ARGUMENTS → VIRTUAL DOM

  7. the elm architecture update Model view Msg VDOM Elm Runtime

  8. APPLICATION STATE DOM + globals JavaScript components + stores React 1 immutable value Elm

  9. Object-Oriented vs Functional Elm has no components different paradigm to learn

  10. Dynamic Types vs Type-Checked “if it compiles, it usually just works ” cheaper refactoring → less technical debt more time in the console, less in the browser

  11. IMPACT ON VELOCITY JS: Quicker to get something on the screen Elm: Higher overall velocity

  12. Interoprerating with JavaScript Elm code talks to JavaScript the way it talks to servers JAVASCRIPT AS A SERVICE

  13. MAINTAIN GUARANTEES while accessing the huge JAVASCRIPT ECOSYSTEM

  14. npm much bigger than elm-package ecosystem publish JavaScript, binaries, etc. may also install keyloggers

  15. elm-package installing packages can’t install keyloggers supports Elm code, not arbitrary JavaScript semantic versioning automatically enforced

  16. elm-package less available off-the-shelf, more DIY write a wrapper around moment.js write a Date library in pure Elm long-term ecosystem quality

  17. Full-Scale Elm begins with Small-Scale Elm

  18. SHIP SOMETHING SMALL

  19. GET IT INTO PRODUCTION

  20. how will we... INTEGRATE it into our code? TEACH it to our teammates? BUILD and deploy it?

  21. MINIMAL RISK MAJOR REWARD

  22. how will we BUILD it? Sprockets (Rails) Webpack loader elm-make

  23. ADVANCED BUILDS?

  24. What about... Code Splitting Server-Side Elm Server-Side Rendering

  25. “Why not use ______ instead?”

  26. delight

  27. “That should be an inspiration for every error message.” —John Carmack “That should be an inspiration for every error message.” —John Carmack

  28. reliability

  29. (optional types) (optional types) (optional types)

  31. any “just don’t use it” “also don’t use libraries that use it”

  32. any is considered part of best practices

  33. LESS CRASHING THAN PLAIN JS ZERO RUNTIME EXCEPTIONS Elm

  34. “Why not use a different FP language?” Haskell (or GHCjs) OCaml + BuckleScript Scala ClojureScript Clojure

  35. optional typing ClojureScript

  36. anything can be null ClojureScript

  37. anything can run arbitrary JS code ClojureScript + BuckleScript

  38. how will we HIRE anyone?

  39. 11 developers hired in 2016 9 cited Elm as a reason for applying hiring was much harder before we used Elm!

  40. WHICH JOB POSTS STAND OUT? Hiring for React, Redux, Immutable.js, Babel Hiring for Angular 2, TypeScript, Ramda Want to come write Elm full-time?

  41. how will we TEACH it? more new hires already know React than Elm similar time to becoming prod contributor compiler aids beginner learning a LOT

  42. RESOURCES guide.elm-lang.org How to Use Elm at Work elm-lang.org/blog

  44. TRAINING Luke Westby humblespark.com created Ellie Brian Hicks aster.is created elm-benchmark Kris Jenkins jenkster.com created elm-remote-data

  45. Elm Town Podcast elmtown.github.io

  46. beginner-friendly community REDDIT (weekly beginner questions thread) reddit.com/r/elm SLACK (5,000+ members, #beginners channel) elmlang.herokuapp.com

  47. Zürich Paris London St. Louis Seattle Helsinki Denver DC Utrecht Chicago Hamburg Copenhagen San Francisco

  50. HOW CAN OUR TEAM DO THIS?

  51. Full-Scale Elm begins with Small-Scale Elm

  52. SHIP SOMETHING SMALL

  53. GET IT INTO PRODUCTION

  54. @rtfeldman

Recommend

More recommend