Johannes Erber j-hannes

## 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
import Html.Events exposing (onClick)

-- other code

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

## 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

## Main.diff
module Main exposing (..)

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


main =
+     view
+
+ view =

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

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


main =
    div []
        [ button [] [ text "-" ]
        , span [] [ text "0" ]
        , button [] [ 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 }

## .babelrc
{
  "presets": [
    "es2015",
    "react"
  ]
}

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

## package.json
{
  "name": "react-redux-counter",
  "version": "1.0.0",
  "description": "A simple counter in react+redux",
  "dependencies": {
    "react": "^15.0.2",
    "react-dom": "^15.0.2",
    "redux": "^3.5.2"
  },
  "devDependencies": {
	<!doctype html>
	<html>
	<head>
	<title>a simple elm counter</title>
	</head>
	<body>
	<div id="counter"></div>

	<script src="counter.js"></script>
	<script>
	import Html.Events exposing (onClick)

	-- other code

	view state =
	div []
	[ button [onClick Decrement] [ text "-" ]
	, span [] [ text (toString state) ]
	, button [onClick Increment] [ text "+" ]
	]
	import Html.App as Html


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


	view state =
	div []
	[ button [] [ text "-" ]
	module Main exposing (..)

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


	main =
	+ view
	+
	+ view =
	module Counter exposing (..)

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


	main =
	div []
	[ button [] [ text "-" ]
	, span [] [ text "0" ]
	, button [] [ text "+" ]
	module.exports = {
	entry: './app.js',
	output: {
	path: './',
	filename: 'bundle.js'
	},
	module: {
	loaders: [
	{
	test: /\.js$/,
	{
	"name": "react-redux-counter",
	"version": "1.0.0",
	"description": "A simple counter in react+redux",
	"dependencies": {
	"react": "^15.0.2",
	"react-dom": "^15.0.2",
	"redux": "^3.5.2"
	},
	"devDependencies": {