chrisbuttery

Destructuring(or pattern matching) is a way used to extract data from a data structure(tuple, list, record) that mirros the construction. Compare to other languages, Elm support much less destructuring but let's see what it got !

Tuple

myTuple = ("A", "B", "C")
myNestedTuple = ("A", "B", "C", ("X", "Y", "Z"))

let
  (a,b,c) = myTuple

chrisbuttery

module Main exposing (..)

import Html exposing (..)


depth : number
depth =
    10

chrisbuttery

Use these rapid keyboard shortcuts to control the GitHub Atom text editor on Mac OSX.

Key to the Keys

• ⌘ : Command key
• ⌃ : Control key
• ⌫ : Delete key
• ← : Left arrow key
• → : Right arrow key
• ↑ : Up arrow key

chrisbuttery

var numTiers = 100,
    triangle, 
    start, 
    stop;

/**
*
* First version uses recursion
*
*/

chrisbuttery

import Html exposing (..)
import Html.App as Html
import Html.Events exposing (..)
import Random exposing (Generator)
import List

users =
  [ {name = "one", username = "@one"}
    , {name = "two", username = "@two"}
    , {name = "three", username = "@three"}

chrisbuttery

import List
import Random

without : Int -> [a] -> [a]
without i arr = 
  let before = take i arr
      after = drop (i+1) arr
  in
    before ++ after

chrisbuttery

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

chrisbuttery

type Action
  = Updated Response
  | APIError Error

update : Action -> Model -> ( Model, Effects Action )
update action model =
  case action of
    Updated response ->  -- do things
    APIError error ->
      let

chrisbuttery

module CustomStartApp (start, App, Config) where

import Html exposing (Html)
import Effects exposing (Effects, Never)
import Task


type alias Config model action portAction =
  { init : ( model, Effects action, portAction )
  , update : action -> model -> ( model, Effects action, Maybe portAction )

chrisbuttery

{
    "version": "1.0.0",
    "summary": "helpful summary of your project, less than 80 characters",
    "repository": "https://github.com/user/project.git",
    "license": "BSD3",
    "source-directories": [
        "."
    ],
    "exposed-modules": [],
    "dependencies": {