🍜

binaryta binaryta

🍜

binaryta / package.json

Created February 25, 2018 15:05

	{
	"name": "hyperapp_typescript_introduction",
	"version": "1.0.0",
	"main": "index.js",
	"license": "MIT",
	"devDependencies": {
	"awesome-typescript-loader": "^3.4.1",
	"babel": "^6.23.0",
	"babel-core": "^6.26.0",
	"babel-loader": "^7.1.2",

binaryta / webpack.config.js

Created February 25, 2018 15:06

	const path = require('path');

	module.exports = {
	entry: [path.resolve(__dirname, './src/app.ts')],
	output: {
	filename: 'bundle.js',
	path: path.join(__dirname, 'public/')
	},
	module: {
	rules: [

binaryta / index.html

Created February 25, 2018 15:08

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>hyperapp + typescript sample</title>
	</head>
	<body>
	<script src="bundle.js"></script>
	</body>
	</html>

binaryta / state.ts

Created February 25, 2018 15:32

binaryta / actions.ts

Created February 25, 2018 15:40

	import { ActionsType, ActionResult } from "hyperapp"
	import { State } from "./state"

	export interface Actions {
	down: (value: number) => (state: State) => ActionResult<State>;
	up: (value: number) => (state: State) => ActionResult<State>;
	}

	export const actions: ActionsType<State, Actions> = {
	down: (value: number) => (state) => {

binaryta / view.tsx

Created February 25, 2018 15:47

	import { h, app, View } from "hyperapp"
	import { state, State } from "./state"
	import { actions, Actions } from "./actions"

	export const view: View<State, Actions> = (state, actions) => (
	<div>
	<h1>{state.count}</h1>
	<button onclick={() => actions.down(1)}>-</button>
	<button onclick={() => actions.up(1)}>+</button>
	</div>

binaryta / app.ts

Created February 25, 2018 15:50

	import { h, app } from "hyperapp"
	import { state, State } from "./state"
	import { actions, Actions } from "./actions"
	import { view } from "./view.tsx"

	app<State, Actions>(state, actions, view, document.body);