Elm

A delightful language with friendly error messages, great performance, small assets, and no runtime exceptions.

236 resources24 categoriesView Original

Articles(16 items)

B

Blazing Fast HTML

Virtual DOM in Elm.

Articles
B

Blog of Brian Hicks

A blog with various topics about Elm.

Articles
C

Composing Features and Behaviours in the Elm Ar...

An article describing how to organize code that follows the Elm architecture into independent features, how to communicate between features, and how to group some of these features together to assemble larger features.

Articles
E

Elm & Components

A blog post describing a possible approach to reducing TEA boilerplate. Useful for component libraries and anyone interested in seeing the amazing things you can do with function types.

Articles
E

Elm & Guarantees

a realistic look at where Elm is and isn’t superior to other options.

Articles
E

Elm for Web Developers

A collection of notes for web developers looking into moving to Elm.

Articles
E

Elm from a Business Perspective

This article discusses topics about Elm from a business perspective

Articles
E

Elm: A frontend story that a backend dev can love

A story how Elm fits a backend developer's brain like no other

Articles
F

FP with games in Elm

Switching from imperative to functional programming with games in Elm.

Articles
F

Functional Programming for Web Frontend by Jan ...

A Bachelor’s thesis about functional programming for frontend development with the focus on Elm.

Articles
G

Getting Started with Elm

Series of Elm education tutorials.

Articles
H

How Elm Made Our Work Better

How a team built a business-critical web app for a customer using Elm.

Articles
I

Introduction to The Elm Architecture and How to...

An article describing the Elm architecture and how to build a simple application

Articles
L

Learning FP the hard way

Experiences on the Elm language.

Articles
M

Move fast and don’t break things. Running a sta...

Some thoughts on Elm development by a Swedish startup.

Articles
S

Side-effects of Elm in production

An experience report from Bellroy

Articles

Conference Videos(20 items)

A

Aaron VonderHaar: Codevember | 2016

ElmLive - elm live video examples.

Conference Videos
A

Amitai Burstein: Frontend with Guarantees | 2016

A talk from You Gotta Love Frontend 2016

Conference Videos
D

Dillon Kearns: Types Without Borders | 2018

elm-conf 2018 talk about end-to-end type-safety using external schemas like GraphQL.

Conference Videos
E

Elm Conf 2016

All talks from elm-conf 2016

Conference Videos
E

Elm Conf 2017

All talks from elm-conf 2017

Conference Videos
E

Elm Conf 2018

All talks from elm-conf 2018

Conference Videos
E

Elm Conf 2019

Sep 2019

Conference Videos
E

Elm Europe 2017

A playlist of all talks from Elm Europe 2017

Conference Videos
E

Elm Europe 2018

A playlist of all talks from Elm Europe 2018

Conference Videos
E

Elm Europe 2019

Jun 2019

Conference Videos
E

Elm in the Spring 2019

Jun 2019

Conference Videos
E

Evan Czaplicki: Let's be mainstream! User focus...

A talk from the father of Elm about the philosophy behind the language.

Conference Videos
J

Jamison Dance: Rethinking All Practices - Build...

A talk given at React.js Conf 2016 about what Elm has to teach the JavaScript world and why JS devs should consider trying it.

Conference Videos
J

Jessica Kerr: Adventures in Elm | 2016

A talk about the combination of functional programming with Elm at GOTO Chicago 2016.

Conference Videos
O

Oslo Elm Day 2017

A playlist of all talks from Oslo Elm Day 2017

Conference Videos
O

Oslo Elm Day 2019

Feb 2019

Conference Videos
R

Richard Feldman: Effects as Data | 2015

A talk about how Elm manages side effects.

Conference Videos
R

Richard Feldman: Introduction to Elm | 2016

A talk that gives a broad, high-level introduction to Elm.

Conference Videos
R

Richard Feldman: Make the Back-End Team Jealous...

A talk about Elm and initial steps to use it in production.

Conference Videos
R

Richard Feldman: Making impossible states impos...

A talk about modelling data structures in Elm in a way that makes invalid states unrepresentable

Conference Videos

Editor plugins(19 items)

A

atom-elm-navigator

A side panel that helps to navigate to any function, type definition or port in your project.

Editor plugins
A

atom-elm-snippets

Elm snippets for Atom.

Editor plugins
A

atom-language-elm

Syntax highlighting and autocompletion for the Atom editor.

Editor plugins
A

atom-linter-elm-make

Elm code linter for the Atom editor.

Editor plugins
E

Elm Format on Save

Sublime Text plugin to run elm-format on save.

Editor plugins
E

Elm Language Server

Language server implementation for Elm

Editor plugins
E

Elm Syntax Highlighting

Syntax Highlighting for Elm in Sublime Text.

Editor plugins
E

elm-light-table

Syntax highlighting, REPL, autocompletion, package management and much more for Light Table.

Editor plugins
E

elm-plugin

Elm plugin for IntelliJ IDEA.

Editor plugins
E

ElmCast/elm-vim

Elm 0.18 mode for Vim/Neovim.

Editor plugins
E

elmjutsu

Autocompletion, go to definition, find usages, rename symbol, etc. for the Atom editor.

Editor plugins
E

ElmLS

Elm Language Server integration

Editor plugins
E

Elmmet: Emmet for Elm (Visual Studio Code)

Emmetio abbreviation expander into composition of Elm function with elm-format'er inside.

Editor plugins
E

emacs-elm-mode

Syntax highlighting, Elm REPL, Elm make and Elm format integration for the Emacs editor.

Editor plugins
E

emmet-vim

Markup expansion with elm support.

Editor plugins
H

HTML to Elm for Visual Studio Code

VSCode plugin to convert HTML to Elm

Editor plugins
L

LSP-elm

Elm Language Server for Sublime (Recommended).

Editor plugins
T

theJian/elm.vim

Elm syntax highlighting. Use with ale or Neoformat for Neovim since ElmCast/elm-vim does not support Elm 0.19.

Editor plugins
V

vim-elm-help

Offline Elm documentation access in your editor.

Editor plugins

Examples(28 items)

A

Ari's Garden

A recipe site built as an SPA that also makes use of the Elm parser.

Examples
B

Bitcoin BR Chrome Extension

Chrome extension built in Elm that shows the bitcoin value in all Brazilian exchanges.

Examples
B

Bolster

An end-to-end encrypted journal app.

Examples
B

Builtwithelm

Web site built with elm with list of projects and apps built with Elm.

Examples
C

Collection of examples

A collection of examples with advanced techniques for real-world Elm apps.

Examples
C

Conway's Game of Life

Elm implementation of Conway's Game of Life. **Elm v.0.19**

Examples
E

Elm + Phoenix + Webpack

A minimal Elm + Phoenix setup, using webpack instead of Brunch.

Examples
E

Elm Architecture in Android

An example Android application implemented with the Elm Architecture using the Kotlin programming language and Anko library.

Examples
E

Elm Example App

A small SPA example in Elm to learn the basics

Examples
E

Elm Hacker News PWA

A progressive web app built with Elm version 0.18, using the official Hacker-News API

Examples
E

Elm Narrative Engine

A framework for building interactive fiction style stories in Elm. Detailed example elmnarrativeengine.com shows how to build a "chose your own adventure" game; perfect for beginners. **Elm v.0.19**

Examples
E

Elm Playground

Tiny Elm projects implemented for the sake of learning by example.

Examples
E

Elm Playground

Pure SPA (with routing) exploring various aspects of Elm.

Examples
E

Elm SPA Example

Full stack Elm app w/ CRUD operations, Auth, routing, pagination and more. Code / Article / Video

Examples
E

elm-games

An excellent list of games made in Elm

Examples
E

Elmstagram

Basic UI Clone of Instagram / Articles - Part 1 Part 2 Part 3

Examples
G

Gipher

A Tinder-like application for gifs built with elm and firebase!

Examples
J

JWT auth with Django + Elm

JSON Web Token (JWT) authentication using Django (backend) and Elm (frontend).

Examples
K

Kanban Board in Elm

A kanban board (trello-alike) built with Elm and HTML5 Drag & Drop API

Examples
P

Pokelmon

Elm project consuming PokéAPI.

Examples
R

Regex Nodes

A node-based visual editor for fiddling with regular expressions, built with Elm.

Examples
S

Spotify Mapper

Elm app integrated with Spotify Api to search and explore new artists.

Examples
T

TheSpace App

A reddit place like DApp with blockchain and canvas(through port) integration in Elm.

Examples
T

TodoMVC

Proper implementation of the TodoMVC app.

Examples
T

TodoMVC in Electron

Documented and tested implementation of the Elm TodoMVC app in Electron.

Examples
T

TodoMVC with JSON API

Bare-bones, modular, heavily-documented todo app with JSON API persistence.

Examples
T

TodoMVC/Firebase

Fork of TodoMVC demonstrating start-app, The Elm Architecture and Firebase as backend.

Examples
\

\

– Minimal example of a custom element.

Examples

Learning Guides(40 items)

A

A nice app on Elm street

An introduction to Elm

Learning Guides
A

Architecture Tutorial

How to create modular Elm code that scales nicely with your app.

Learning Guides
A

Awesome Elm PLTD

Useful resources for programming language theory & development in Elm.

Learning Guides
B

Beginning Elm

A gentle introduction to the Elm programming language.

Learning Guides
C

Codings hints

A list of README files by Evan.

Learning Guides
E

Egghead.io: Elm videos

Egghead's Elm video training, many of which are free.

Learning Guides
E

Ellies catalog

A Collection of small example in Ellie.

Learning Guides
E

Elm Basics

Walk through all the syntax and basic ideas in Elm as a general programming language.

Learning Guides
E

Elm cheat sheet

Syntax and features overview.

Learning Guides
E

Elm Cookbook

A digital book about Elm.

Learning Guides
E

Elm FAQ

Elm FAQ from Elm Community.

Learning Guides
E

Elm For Beginners - Video Course

Build your first Elm Web App.

Learning Guides
E

Elm in Action

— In-depth book for Elm beginners, from Manning Publications.

Learning Guides
E

Elm Koans

Practice exercises for learning Elm.

Learning Guides
E

Elm Maybe - Dealing with null/Nothing

Working with the Maybe type, with nicely commented code examples.

Learning Guides
E

Elm patterns

A collection of common patterns in Elm.

Learning Guides
E

Elm patterns

A collection of coding patterns.

Learning Guides
E

Elm programming language

a brief overview of Elm as a programming language.

Learning Guides
E

Elm Seeds

Short screencasts to teach you the Elm programming language from Erik Person.

Learning Guides
E

Elm The Complete Guide

Video tutorial including Elm UI, Elm Review, responsive design, tests and more.

Learning Guides
E

Elm Tutorial

A tutorial on developing single page web applications with Elm.

Learning Guides
E

Elm Tutorial by Auth0

A tutorial on building an app in Elm from authentication to calling an API.

Learning Guides
E

Elm Tutorials on Codementor

Two tutorials on building web apps with Elm.

Learning Guides
E

Elm: A Beginners' Guide to Elm and Data

Beginners' course to Elm and Data

Learning Guides
E

Elm: Building Reactive Web Apps

Learn how to build reactive web apps using Elm.

Learning Guides
E

Elm: Functional frontend development

Series of articles about fundamentals and advanced topics.

Learning Guides
E

Exercism Elm Track

Collection of Elm exercises.

Learning Guides
G

Greg Ziegan: Elm live coding videos

Live coding videos on youtube.

Learning Guides
H

Haskell to Elm

Collection of examples on places where Elm is different to Haskell, targeted at Elm beginners coming from Haskell backgrounds.

Learning Guides
L

Learn Elm

Discover the beautiful programming language that makes front-end web apps a joy to build and maintain!

Learning Guides
L

Learn Elm in Y Minutes

Syntax and features overview. The Elm page on learnxinyminutes.com

Learning Guides
L

Learn you an Elm

Elm tutorial with exhaustive examples and descriptions.

Learning Guides
N

Ninety-nine Problems, Solved in Elm

Adaptations for Elm from Ninety-Nine Haskell Problems.

Learning Guides
O

Official tutorial

— General information and in-depth guide with examples.

Learning Guides
P

Practical Elm for a Busy Developer

A non-beginner book about the practical aspects of developing Elm applications.

Learning Guides
P

Programming Elm

Thorough book from The Pragmatic Programmers that covers basics and advanced concepts.

Learning Guides
S

Single-Page Web Apps in Elm

Five parts tutorial on Elm.

Learning Guides
T

The Elmish Book

Building web applications in F# following The Elm Architecture from first principles.

Learning Guides
W

Welcome to Elm

Video playlist about learning all the Elm fundamentals.

Learning Guides
W

Writing native

Learn how to create native JavaScript modules for Elm.

Learning Guides