Elm

2022年2月13日 (日) 16:30的版本

Elm

简介

Elm: Functional Frontend

Elm is a functional language that compiles to JavaScript.

功能

Elm 架构核心的三个概念：

• Model — the state of your application
• View — a way to turn your state into HTML
• Update — a way to update your state based on messages

Elm is also very fast and very small when compared with React, Angular, Ember, etc.

Haskell

• haskell-to-elm 关于 Elm 与 Haskell 不同之处的例子集。

指南

• Elm Cheat Sheet
• Elm patterns A collection of common patterns for Elm.

$ curl -L -o elm.gz https://github.com/elm/compiler/releases/download/0.19.1/binary-for-linux-64-bit.gz
$ chmod +x elm
$ sudo mv elm /usr/local/bin/
$ elm --help
$ elm repl
---- Elm 0.19.1 ----------------------------------------------------------------
Say :help for help and :exit to exit! More at <https://elm-lang.org/0.19.1/repl>
-------------------------------------------------------------------------------
> [ "Haskell", "Elm" ]
["Haskell","Elm"] : List String
> [ 1.0, 2.1, 4.5, 43.1 ]
[1,2.1,4.5,43.1] : List Float
> String.length
<function> : String -> Int
> "hello"
"hello" : String
> not True
False : Bool
> round 3.14159
3 : Int
> greet name =
|   "Hello " ++ name ++ "!"
|   
<function> : String -> String
> greet "Huihoo"
"Hello Huihoo!" : String

软件包

• Elm Packages
• Elm Catalog
• Elm Search

项目

• Awesome Elm
• Awesome Elm PLTD
• Elm GitHub Topics
• Create Elm App
• Built with Elm
• All Elm Games
• RealWorld Elm SPA Example
• Elm Analyse
• Elm Review
• Kite An interactive visualization tool for graph theory
• elm-spa single page apps made easy

Inspired by Elm

• elchemy Write Elixir code using statically-typed Elm-like syntax (compatible with Elm tooling)
• Fabulous F# Functional App Development, using declarative dynamic UI
• Elmish Elm-like abstractions for F# applications.

用户服务商

• Elm Companies

图集

• 

  架构

• 

  性能

链接

• Elm官网
• Elm @ GitHub