mori-dev mori-dev

ElmのHello Worldができるまで (2018 10/25)

以下が、現時点(2018/9/3)の安定版のバージョン。

$ node -v

$spacing: 1rem;

body {
  margin: ($spacing * 4) $spacing;
}

If you know all the properties that you want to place on a component a head of time, it is easy to use JSX:

  var component = <Component foo={x} bar={y} />;

Mutating Props is Bad, mkay

	// connect() is a function that injects Redux-related props into your component.
	// You can inject data and callbacks that change that data by dispatching actions.
	function connect(mapStateToProps, mapDispatchToProps) {
	// It lets us inject component as the last step so people can use it as a decorator.
	// Generally you don't need to worry about it.
	return function (WrappedComponent) {
	// It returns a component
	return class extends React.Component {
	render() {
	return (

	var Col = require('react-bootstrap/lib/Col')
	var PageHeader = require('react-bootstrap/lib/PageHeader')
	var React = require('react')
	var Row = require('react-bootstrap/lib/Row')
	var {connect} = require('react-redux')
	var {reduxForm} = require('redux-form')

	var DateInput = require('./DateInput')
	var FormField = require('./FormField')
	var LoadingButton = require('./LoadingButton')

	<!DOCTYPE html>
	<html>
	<head>
	<meta charst='utf-8'>
	<title>TEST</title>
	<script src="//code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
	<style>
	.box {
	background: #000000;
	display: none;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Building a router</title>
	<script>
	// Put John's template engine code here...

	(function () {
	// A hash to store our routes: