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

Introduction to Elm

Avatar for Dorian Karter Dorian Karter
December 04, 2015
Programming
2
180

Introduction to Elm

Talk I gave at Hashrocket Mini Conf about the wonderful Elm language.

Avatar for Dorian Karter

Dorian Karter

December 04, 2015
Tweet

More Decks by Dorian Karter

See All by Dorian Karter
Building Multiplayer Games with Phoenix LiveView
Avatar for Dorian Karter dkarter
2
470
Going All In with NeoVim
Avatar for Dorian Karter dkarter
0
260
Versioning APIs in Phoenix
Avatar for Dorian Karter dkarter
1
170
Integration Testing with Page Objects
Avatar for Dorian Karter dkarter
3
160
Build Your First Vim Plugin
Avatar for Dorian Karter dkarter
1
260

Other Decks in Programming

See All in Programming
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
Avatar for Koya Masuda koxya
1
990
プログラミングどうやる？ ～テスト駆動開発から学ぶ達人の型～
Avatar for Atsushi Okui a_okui
0
190
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
Avatar for Naofumi Kagami naofumi
4
2.8k
CSC509 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
430
Platformに“ちょうどいい”責務ってどこ？ 関心の熱さにあわせて考える、責務分担のプラクティス
Avatar for estie | エスティ estie
2
520
麻雀点数計算問題生成タスクから学ぶ Single Agentの限界と Agentic Workflowの底力
Avatar for po3rin po3rin
5
2k
defer f()とdefer fの挙動を 誤解していた話
Avatar for kogamochiduki kogamochiduki
2
160
CSC305 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
380
半自動E2Eで手っ取り早くリグレッションテストを効率化しよう
Avatar for Ryuta Kibe beryu
6
2.4k
パフォーマンスチューニングで Web 技術を深掘り直す
Avatar for Shunsuke Mano progfay
18
4.8k
Back to the Future: Let me tell you about the ACP protocol
Avatar for Benedikt Terhechte terhechte
0
120
ИИ-Агенты в каждый дом – Алексей Порядин, PythoNN
Avatar for Sobolev Nikita sobolevn
0
140

Featured

See All Featured
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k

Transcript

  1. Make the web functional again. Elm

  2. What is Elm?

  3. Functional Reactive Programming Language

  4. Statically Typed

  5. Compiles to JavaScript Generates HTML and CSS

  6. Evan Czaplicki Present: Developed in 2012 by

  7. Why Elm?

  8. No more runtime exceptions!

  9. Pure X ⇒ Y

  10. Immutable

  11. Blazing Fast Rendering

  12. State History (and free time travelling debugger)

  13. Type inference (but you’ll end up defining your types)

  14. Interactive Programming Due to Hot Swapping

  15. Composable Components Like React, but components can run independently

  16. Amazing Tools!

  17. REPL Package Manager Compiler Reactor Debugger

  18. None
  19. None

  20. Free and Automatic Semantic Versioning

  21. Smooth JavaScript interop JS

  22. Easy(er) syntax and lower learning curve * When compared to

    other functional languages ** terms and conditions may apply

  23. Elm Syntax Crash Course

  24. Literals

  25. Manipulating Literals

  26. Lists

  27. Functions Anonymous functions

  28. Records

  29. Type Annotations

  30. Type Aliases

  31. Elm Architecture Basic Concepts

  32. MUV = { Model Update View }

  33. None

  34. Signals

  35. None
  36. None

  37. Mailboxes

  38. DEMO

  39. Thank You!