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

Introduction to Elm

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Dorian Karter Dorian Karter
December 04, 2015
Programming
180
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
180
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
LM Linkで(非力な！)ノートPCでローカルLLM
Avatar for 瀬尾佳隆 seosoft
0
290
RailsのValidatesをSwift Macrosで再現してみた
Avatar for Takuma Shimizu hokuron
0
140
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
5.1k
AIと共にエンジニアとPMの “二刀流”を実現する
Avatar for Naruo Yoshiki naruogram
0
110
How to stabilize UI tests using XCTest
Avatar for Akio Itaya akkeylab
0
150
GoのDB アクセスにおける 「型安全」と「柔軟性」の両立 - Bob という選択肢
Avatar for tak tak848
0
290
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
Avatar for 武田 憲太郎 kentaroutakeda
4
2.2k
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
360
メッセージングを利用して時間的結合を分離しよう #phperkaigi
Avatar for Takuma Kajikawa kajitack
3
520
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
Avatar for Ryuta Hamasaki avosalmon
1
270
AI時代のシステム設計：ドメインモデルで変更しやすさを守る設計戦略
Avatar for 増田 亨 masuda220
PRO
6
1.1k
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
Avatar for ya_ma23 ya_ma23
0
1.2k

Featured

See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
190
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
240
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.2k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k
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
160
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.9k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
100
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.8M
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
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!