Elm (programming language)

Elm is a domain-specific programming language for declaratively creating web browser-based graphical user interfaces. Elm is purely functional, and is developed with emphasis on usability, performance, and robustness. It advertises "no runtime exceptions in practice",[6] made possible by the Elm compiler's static type checking.

Elm
ParadigmFunctional
Designed byEvan Czaplicki
First appearedMarch 30, 2012 (2012-03-30)[1]
Stable release
0.19.1 / October 21, 2019 (2019-10-21)[2]
Typing disciplineStatic, Strong, Inferred
LicensePermissive (Revised BSD)[3]
Filename extensions.elm
Websiteelm-lang.org
Influenced by
Haskell, Standard ML, OCaml, F#
Influenced
Redux,[4] Vuex[5]

History

Elm was initially designed by Evan Czaplicki as his thesis in 2012.[7] The first release of Elm came with many examples and an online editor that made it easy to try out in a web browser.[8] Evan Czaplicki joined Prezi in 2013 to work on Elm,[9] and in 2016 moved to NoRedInk as an Open Source Engineer, also starting the Elm Software Foundation.[10]

The initial implementation of the Elm compiler targets HTML, CSS, and JavaScript.[11] The set of core tools has continued to expand, now including a REPL,[12] package manager,[13] time-traveling debugger,[14] and installers for macOS and Windows.[15] Elm also has an ecosystem of community created libraries[16] and an advanced online editor that allows saved work and inclusion of community libraries.[17]

Features

Elm has a small set of language constructs, including traditional if-expressions, let-expressions for local state, and case-expressions for pattern matching.[18] As a functional language, it supports anonymous functions, functions as arguments, and partial application (currying) by default. Its semantics include immutable values, stateless functions, and static typing with type inference. Elm programs render HTML through a virtual DOM, and may interoperate with other code by using "JavaScript as a service".

Immutability

All values in Elm are immutable, meaning that a value cannot be modified after it is created. Elm uses persistent data structures to implement its Array, Dict, and Set libraries.[19]

Static types

Elm is statically typed. Type annotations are optional (due to type inference) but strongly encouraged. Annotations exist on the line above the definition (unlike C-family languages where types and names are interspersed). Elm uses a single colon to mean "has type".

Types include primitives like integers and strings, and basic data structures such as lists, tuples, and records. Functions have types written with arrows, for example round : Float -> Int. Custom types allow the programmer to create custom types to represent data in a way that matches the problem domain.[20]

Types can refer to other types, for example a List Int. Types are always capitalized; lowercase names are type variables. For example, a List a is a list of values of unknown type. It is the type of the empty list and of the argument to List.length, which is agnostic to the list's elements. There are a few special types that programmers create to interact with the Elm runtime. For example, Html Msg represents a (virtual) DOM tree whose event handlers all produce messages of type Msg.

Rather than allow any value to be implicitly nullable (such a JavaScript's undefined or a null pointer), Elm's standard library defines a Maybe a type. Code that produces or handles an optional value does so explicitly using this type, and all other code is guaranteed a value of the claimed type is actually present.

Module system

Elm has a module system that allows users to break their code into smaller parts called modules. Modules can hide implementation details such as helper functions, and group related code together. Modules serve as a namespace for imported code, such as Bitwise.and. Third party libraries (or packages) consist of one or more modules, and are available from the Elm Public Library. All libraries are versioned according to semver, which is enforced by the compiler and other tools. That is, removing a function or changing its type can only be done in a major release.

Interoperability with HTML, CSS, and JavaScript

Elm uses an abstraction called ports to communicate with JavaScript.[21] It allows values to flow in and out of Elm programs, making it possible to communicate between Elm and JavaScript.

Elm has a library called elm/html that a programmer can use to write HTML and CSS within Elm.[22] It uses a virtual DOM approach to make updates efficient.[23]

Backend

Elm does not officially support server-side development. The core development team does not consider it as their primary goal and prefers to focus development on the enhancement of front-end development experience. Nevertheless, there are several independent projects, which attempt to explore possibilities to use Elm for the back-end. The projects are mainly stuck on Elm version 0.18.0 since newer ones do not support "native" code and some other utilized features. There are two attempts to use Elm with BEAM (Erlang virtual machine). One of the projects executes Elm directly on the environment[24] while another one compiles it to Elixir.[25] Also, there was an attempt to create a back-end framework for Elm powered by Node.js infrastructure.[26] None of the projects are production-ready.

Limitations

Elm does not support higher-kinded polymorphism,[27], which related languages Haskell and PureScript offer in the form of type classes. This means that, for example, Elm does not have a generic map function which works across multiple data structures such as List and Set. In Elm, such functions are typically invoked qualified by their module name, for example calling List.map and Set.map. In Haskell or PureScript, there would be only one function map. This is a known feature request that is on Czaplicki's rough roadmap, however. [28]

Example code

 
-- This is a single line comment

{- This is a multi-line comment.
   It can span multiple lines.
-}

{- It is possible to {- nest -} multi-line comments -}

-- Here we define a value named ''greeting''. The type is inferred as a String.
greeting =
    "Hello World!"

 -- It is best to add type annotations to top-level declarations.
hello : String
hello =
    "Hi there."

-- Functions are declared the same way, with arguments following the function name.
add x y =
    x + y

-- Again, it is best to add type annotations.
hypotenuse : Float -> Float -> Float
hypotenuse a b =
    sqrt (a^2 + b^2)

-- Functions are also curried; here we've curried the multiplication 
-- infix operator with a `2`
multiplyBy2 : number -> number
multiplyBy2 =
    (*) 2

-- If-expressions are used to branch on values
absoluteValue : number -> number
absoluteValue number =
    if number < 0 then negate number else number

 -- Records are used to hold values with named fields
book : { title : String, author : String, pages : Int }
book =
    { title = "Steppenwolf"
    , author = "Hesse"
    , pages = 237 
    }

-- Record access is done with `.`
title : String
title =
    book.title

-- Record access `.` can also be used as a function
author : String
author =
    .author book

-- We can create entirely new types with the `type` keyword.
-- The following value represents a binary tree.
type Tree a
    = Empty
    | Node a (Tree a) (Tree a)

-- It is possible to inspect these types with case-expressions.
depth : Tree a -> Int
depth tree =
    case tree of
        Empty ->
            0

        Node value left right ->
            1 + max (depth left) (depth right)

See also
  • PureScript: a strongly-typed, purely-functional programming language that compiles to JavaScript
  • Reason: A syntax extension and toolchain for OCaml that can also transpile to JavaScript

References
  1. Czaplicki, Evan. "My Thesis is Finally Complete! "Elm: Concurrent FRP for functional GUIs"". Reddit.
  2. https://github.com/elm/compiler/releases
  3. "elm/compiler". GitHub.
  4. "Prior Art - Redux". redux.js.org.
  5. "Comparison with Other Frameworks — Vue.js".
  6. "Elm home page".
  7. "Elm: Concurrent FRP for Functional GUIs" (PDF).
  8. "Try Elm". elm-lang.org. Archived from the original on 2017-05-21. Retrieved 2019-07-24.
  9. "elm and prezi". elm-lang.org.
  10. "new adventures for elm". elm-lang.org.
  11. "elm/compiler". GitHub.
  12. "repl". elm-lang.org.
  13. "package manager". elm-lang.org.
  14. "Home". elm-lang.org.
  15. "Install". guide.elm-lang.org.
  16. "Elm Packages". package.elm-lang.org. Archived from the original on 2015-02-11. Retrieved 2019-07-24.
  17. "Ellie, the Elm Live Editor".
  18. "syntax". elm-lang.org. Archived from the original on 2016-03-13. Retrieved 2013-05-31.
  19. "elm/core". package.elm-lang.org.
  20. "Model The Problem". Elm. Retrieved 4 May 2016.
  21. "JavaScript interop". elm-lang.org.
  22. "elm/html". package.elm-lang.org.
  23. "Blazing Fast HTML". elm-lang.org.
  24. https://github.com/hkgumbs/elm-beam
  25. https://github.com/wende/elchemy
  26. https://github.com/AIRTucha/board
  27. "Higher-Kinded types Not Expressible? #396". github.com/elm-lang/elm-compiler. Retrieved 6 March 2015.
  28. "Higher-Kinded types Not Expressible #396". github.com/elm-lang/elm-compiler. Retrieved 19 November 2019.
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.