Elmガイドの歩き方
現時点で日本語訳なドキュメントが見当たらないので、公式を気合いで読む。 このメモは各章の要点だけ適当にメモったもの。
ElmはJavaScriptにコンパイルされる関数型言語。 WebサイトやWebアプリケーションを作るためのツール(Reactみたいな感じ)。 シンプルさ、使いやすさ、品質の高さを重視している。
import React from 'react'; | |
import { render } from 'react-dom'; | |
import { createStore, bindActionCreators, applyMiddleware } from 'redux'; | |
import { Provider, connect } from 'react-redux'; | |
import thunk from 'redux-thunk'; | |
const START = Symbol(); | |
const UPDATE_PROGRESS = Symbol(); | |
const COMPLETE = Symbol(); |
bundle.js | |
### https://raw.github.com/github/gitignore/c751b70cc6ec57de20f918dbf05448333ffa2191/Node.gitignore | |
# Logs | |
logs | |
*.log | |
npm-debug.log* | |
# Runtime data |
{ | |
"presets": [ | |
"es2015", | |
"react" | |
], | |
"env": { | |
"development": { | |
"presets": [ | |
"power-assert" | |
] |
{ | |
"presets": [ | |
"es2015", | |
"react" | |
], | |
"env": { | |
"development": { | |
"presets": [ | |
"power-assert" | |
] |
{ | |
"presets": [ | |
"env", | |
"react" | |
], | |
"plugins": [ | |
"transform-flow-strip-types" | |
] | |
} |
{ | |
"presets": [ | |
"env" | |
], | |
"plugins": [ | |
"transform-async-to-generator" | |
], | |
"env": { | |
"development": { | |
"presets": [ |
function toRecord(origin) { | |
function check(lock, prop) { | |
if (!lock) { | |
throw new Error('Changes outside $mutate'); | |
} else if (prop === '$mutate') { | |
throw new Error('$mutate can never be changed'); | |
} | |
} |
/* @flow */ | |
import '@babel/polyfill'; | |
import { createStore, applyMiddleware } from 'redux'; | |
import ReduxThunk from 'redux-thunk'; | |
type AppState = { | |
counter: CounterState, | |
message: MessageState, | |
child: ChildState | |
} |