Johannes Erber j-hannes

## Main.elm
module Main exposing (..)

import Html exposing (Html, span, text)
import Html.Attributes exposing (class)


main : Html a
main =
    span [ class "welcome-message" ] [ text "Hello, World!" ]


## app.js
import React from 'react'
import ReactDOM from 'react-dom'
import { createStore } from 'redux'

const INCREMENT = 'INCREMENT'
const DECREMENT = 'DECREMENT'

const reducer = (state = 0, action) => {
  switch (action.type) {
    case INCREMENT:

## Counter.elm
import Html.Events exposing (onClick)

-- other code

view state =
    div []
        [ button [onClick Decrement] [ text "-" ]
        , span [] [ text (toString state) ]
        , button [onClick Increment] [ text "+" ]
        ]

## Counter.elm
module Counter exposing (..)

import Html exposing (button, div, span, text)
import Html.App as Html
import Html.Events exposing (onClick)


main =
  Html.beginnerProgram { model = 0, view = view, update = update }

## Counter.elm
update action state =
  case action of
    Increment ->
      state + 1

    Decrement ->
      state - 1

## Counter.elm
import Html.App as Html


main =
    Html.beginnerProgram { model = 0, view = view, update = update }


view state =
    div []
        [ button [] [ text "-" ]

## Counter.elm
type Action
  = Increment
  | Decrement

## index.html
<!doctype html>
<html>
  <head>
    <title>a simple elm counter</title>
  </head>
  <body>
    <div id="counter"></div>

    <script src="counter.js"></script>
    <script>

## Counter.elm
module Counter exposing (..)

import Html exposing (button, div, span, text)


main =
    div []
        [ button [] [ text "-" ]
        , span [] [ text "0" ]
        , button [] [ text "+" ]

## webpack.config.js
module.exports = {
  entry: './app.js',
  output: {
    path: './',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
	module Main exposing (..)

	import Html exposing (Html, span, text)
	import Html.Attributes exposing (class)


	main : Html a
	main =
	span [ class "welcome-message" ] [ text "Hello, World!" ]
	import React from 'react'
	import ReactDOM from 'react-dom'
	import { createStore } from 'redux'

	const INCREMENT = 'INCREMENT'
	const DECREMENT = 'DECREMENT'

	const reducer = (state = 0, action) => {
	switch (action.type) {
	case INCREMENT:
	import Html.Events exposing (onClick)

	-- other code

	view state =
	div []
	[ button [onClick Decrement] [ text "-" ]
	, span [] [ text (toString state) ]
	, button [onClick Increment] [ text "+" ]
	]
	module Counter exposing (..)

	import Html exposing (button, div, span, text)
	import Html.App as Html
	import Html.Events exposing (onClick)


	main =
	Html.beginnerProgram { model = 0, view = view, update = update }
	update action state =
	case action of
	Increment ->
	state + 1

	Decrement ->
	state - 1
	<!doctype html>
	<html>
	<head>
	<title>a simple elm counter</title>
	</head>
	<body>
	<div id="counter"></div>

	<script src="counter.js"></script>
	<script>
	module.exports = {
	entry: './app.js',
	output: {
	path: './',
	filename: 'bundle.js'
	},
	module: {
	loaders: [
	{
	test: /\.js$/,