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
170

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
460
Going All In with NeoVim
Avatar for Dorian Karter dkarter
0
250
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
RubyKaigi Hack Space in Tokyo & 函館最速 "予習" 会 / RubyKaigi Hack Space in Tokyo & The Fastest Briefing of RubyKaigi 2026 in Hakodate
Avatar for moznion moznion
1
120
Rethinking Data Access: The New httpResource in Angular
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
ts-morph実践：型を利用するcodemodのテクニック
Avatar for ypresto ypresto
1
540
AI Coding Agent Enablement in TypeScript
Avatar for Yuku Kotani yukukotani
17
7.2k
JSAI2025 RecSysChallenge2024 優勝報告
Avatar for kami unonao
1
380
Javaのルールをねじ曲げろ！禁断の操作とその代償から学ぶメタプログラミング入門 / A Guide to Metaprogramming: Lessons from Forbidden Techniques and Their Price
Avatar for nrs nrslib
1
250
イベントソーシングとAIの親和性ー物語とLLMに理解できるデータ
Avatar for Tomohisa Takaoka tomohisa
1
160
TSConfig Solution Style & subpath imports to switch types on a per-file basis
Avatar for South maminami373
1
180
『Python → TypeScript』オンボーディング奮闘記
Avatar for takumi_tatsuno takumi_tatsuno
1
140
漸進。
Avatar for TOMIKAWA Sotaro ssssota
0
1.2k
ワイがおすすめする新潟の食 / 20250530phpconf-niigata-eve
Avatar for kasacchiful kasacchiful
0
240
TypeScript だけを書いて Tauri でデスクトップアプリを作ろう / Tauri with only TypeScript
Avatar for tris tris5572
2
530

Featured

See All Featured
Scaling GitHub
Avatar for Zach Holman holman
459
140k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
81
9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Building Adaptive Systems
Avatar for Chris Keathley keathley
41
2.6k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
7k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
85
4.7k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3k

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!