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
470
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
奥深くて厄介な「改行」と仲良くなる20分
Avatar for おぐえもん oguemon
0
150
私の後悔をAWS DMSで解決した話
Avatar for 平目 hiramax
4
180
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
Avatar for mazrean mazrean
1
130
FindyにおけるTakumi活用と脆弱性管理のこれから
Avatar for adachi.ryo rvirus0817
0
340
旅行プランAIエージェント開発の裏側
Avatar for Ippo Matsui / 令和トラベル ippo012
1
590
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
Avatar for Takumi Abe east_takumi
0
350
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
Avatar for ivargrimstad ivargrimstad
0
290
AI OCR API on Lambdaを Datadogで可視化してみた
Avatar for Nealle nealle
0
220
Microsoft Orleans, Daprのアクターモデルを使い効率的に開発、デプロイを行うためのSekibanの試行錯誤 / Sekiban: Exploring Efficient Development and Deployment with Microsoft Orleans and Dapr Actor Models
Avatar for Tomohisa Takaoka tomohisa
0
220
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
Avatar for Itaru Ota ota1022
5
1.9k
rage against annotate_predecessor
Avatar for Junichi Kobayashi junk0612
0
150
Processing Gem ベースの、2D レトロゲームエンジンの開発
Avatar for tokujiros tokujiros
2
120

Featured

See All Featured
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.1k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
800
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.5k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
131
19k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k

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!