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
社会人になっても趣味開発を続けたい！ / traPavilion
Avatar for mazrean mazrean
1
100
SODA - FACT BOOK（JP）
Avatar for SODA inc. sodainc
1
8.8k
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
Avatar for もっち mottyzzz
12
7.2k
登壇は dynamic! な営みである / speech is dynamic
Avatar for Daichi KUDO da1chi
0
360
AI 駆動開発におけるコミュニティと AWS CDK の価値
Avatar for Kenji Kono konokenj
5
250
あなたとKaigi on Rails / Kaigi on Rails + You
Avatar for Hiroshi Shimoju shimoju
0
190
Google Opalで使える37のライブラリ
Avatar for MIKIO KUBO mickey_kubo
3
150
CSC509 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
240
Claude Agent SDK を使ってみよう
Avatar for Hayami Shuhei hyshu
0
1.4k
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
Avatar for 小島舞子 / Maiko Kojima maikokojima
0
650
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
Avatar for RIZAPテクノロジーズ rizap_tech
0
7.7k
O Que É e Como Funciona o PHP-FPM?
Avatar for Marcel dos Santos marcelgsantos
0
200

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
630
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
11k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.9k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.2k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
23k
Scaling GitHub
Avatar for Zach Holman holman
463
140k

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!