Ossi Hanhinen 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:

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

Get started with Elm

Try online

Try Elm

Install

Download package from elm-lang.org

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

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.

	module Flags exposing (..)

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


	main : Program Int Int Msg
	main =

	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 =

	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) ]] {

	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)

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

	var x = 10;
	function foo(x) {