ohanhi

Learning FP the hard way: Experiences on the Elm language

by Ossi Hanhinen, @ohanhi

with the support of Futurice 💚.

Licensed under CC BY 4.0.

Editorial note

ohanhi

module JsonApi where

import Task exposing (Task)
import Json.Decode exposing (Decoder)
import Json.Encode exposing (Value)
import Http.Extra as HttpExtra exposing (..)


import Task exposing (Task)
import Json.Decode exposing (Decoder)

ohanhi

module AutoExpand exposing (main)
-- https://embed.ellie-app.com/Gnv9Bznh4na1/0

import Html exposing (Html, div, p, br, textarea, text)
import Html.Attributes exposing (rows, style)
import Html.Events exposing (onInput, on)
import Json.Decode exposing (Decoder, field, at, map2, int, string)


type alias Model =

ohanhi

The Why and When of Choosing Elm

What is Elm?

• Language (and "framework") for building web frontend applications
• Can be used in place of HTML, CSS and JavaScript
• Compiles into the above

ohanhi

This is a proposal for a lightning talk at the Reactive 2015 conference.

NOTE: If you like this, star ⭐ the Gist - the amount of stars decides whether it makes the cut!

The Joy of Composition

Why stateless rendering is pure bliss

React just got stateless components, meaning that they are in essence pure functions for rendering. Pure functions make it dead simple - even fun - to refactor your views

ohanhi

var x = 1;
console.log(x);
if(1) {
    var x = 2;
    console.log(x);
}
console.log(x);

var x = 10;
function foo(x) {

ohanhi

Keybase proof

I hereby claim:

• I am ohanhi on github.
• I am ohanhi (https://keybase.io/ohanhi) on keybase.
• I have a public key ASC2XeeauM2QIK1IflqnGF2GUqnIrsdpXSNp7KYcR1LMvQo

To claim this, I am signing this object:

ohanhi

Get started with Elm

Try online

Try Elm

Install

Download package from elm-lang.org

ohanhi

module Flags exposing (..)

import Browser
import Browser.Navigation
import Html exposing (p, text)
import Url


main : Program Int Int Msg
main =

ohanhi

autoload -U colors && colors

autoload -Uz vcs_info

zstyle ':vcs_info:*' stagedstr '%F{green}•'
zstyle ':vcs_info:*' unstagedstr '%F{yellow}•'
zstyle ':vcs_info:*' check-for-changes true
zstyle ':vcs_info:*' enable git svn
theme_precmd () {
    if [[ -z $(git ls-files --other --exclude-standard 2> /dev/null) ]] {