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
190
2

Introduction to Elm

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

Avatar for Dorian Karter

Dorian Karter

December 04, 2015

More Decks by Dorian Karter

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

Other Decks in Programming

See All in Programming
AI時代のPhpStorm最新事情 #phpcon_odawara
Avatar for yusuke yusuke
0
250
【26新卒研修資料】TDD実装演習
Avatar for ディップ株式会社 dip_tech
PRO
0
150
Don't Prompt Harder, Structure Better
Avatar for Yusuke Kita kitasuke
0
800
PicoRuby for IoT: Connecting to the Cloud with MQTT
Avatar for Y_uuu yuuu
2
720
AI-DLC Deep Dive
Avatar for yuukiyo yuukiyo
9
5.3k
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
Avatar for memory m3m0r7
PRO
0
720
ソースコード→AST→オペコード、の旅を覗いてみる
Avatar for hideki kinjyo o0h
PRO
1
110
20年以上続くプロダクトでも使い続けられる静的解析ツールを求めて
Avatar for Atsushi Matsuo matsuo_atsushi
0
120
CDK Deployのための ”反響定位”
Avatar for watany watany
5
920
Claude Code × Gemini × Ebitengine ゲーム制作素人WebエンジニアがGoでゲームを作った話
Avatar for webzawa webzawa
0
210
AIと共に生きる技術選定 2026
Avatar for Sugar Sato sgash708
0
120
PHPer、Cloudflare に引っ越す
Avatar for Suguru Oki / スー suguruooki
1
130

Featured

See All Featured
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
130
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.4k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
180
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
780
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.6k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.4k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k

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!