Toru Kobayashi koba04

Web Application Developer

koba04 / server.js

Created October 1, 2017 14:46

	import React from 'react';
	import ReactDOMServer from 'react-dom/server';
	import express from 'express';

	import Html from './Html';
	import App from './App';

	const app = express();

	app.use('/static', express.static('public'));

koba04 / Html.js

Created October 1, 2017 14:46

koba04 / browser.js

Created October 1, 2017 14:32

	import React from 'react';
	import ReactDOM from 'react-dom';
	import App from './App';

	const initialData = JSON.parse(document.getElementById('initial-data').getAttribute('data-json'));

	ReactDOM.render(<App {...initialData} />, document.getElementById('app'));

koba04 / server.js

Created October 1, 2017 14:32

	import React from 'react';
	import ReactDOMServer from 'react-dom/server';
	import express from 'express';

	import Html from './Html';
	import App from './App';

	const app = express();

	app.use('/static', express.static('public'));

koba04 / Html.js

Created October 1, 2017 14:31

	import React from 'react';

	const Html = (props) => {
	return (
	<html>
	<head>
	<title>App</title>
	</head>
	<body>
	<div id="app" dangerouslySetInnerHTML={ {__html: props.markup} }></div>

koba04 / App.js

Created October 1, 2017 14:30

	import React from 'react';

	const App = (props) => {
	return <div>Hello {props.name}</div>;
	};

	export default App;

koba04 / create_node_mock_option.js

Last active September 24, 2017 08:14

	import React from 'react';
	import TestRenderer from 'react-test-renderer';

	class MyComponent extends React.Component {
	constructor(props) {
	super(props);
	this.input = null;
	}
	componentDidMount() {
	this.input.focus();

koba04 / test-renderer-api.js

Last active September 24, 2017 07:36

	import React from 'react';
	import TestRenderer from 'react-test-renderer';

	const Child = props => <div>{props.children}</div>;
	const Counter = props => <div>{props.count}</div>;

	class App extends React.Component {
	constructor(props) {
	super(props);
	this.state = {

koba04 / test-renderer.js

Last active September 24, 2017 07:48

	import React from 'react';
	import TestRenderer from 'react-test-renderer';

	const Text = (props) => <p>{props.children}</p>;

	const App = () => (
	<section>
	<h1>Hello</h1>
	<Text>hogehoge</Text>
	</section>

koba04 / test.js

Last active September 11, 2017 09:12

A React TestRenderer Sample

	const React = require('react');
	const TestRenderer = require('react-test-renderer');

	const Child = props => <div>{props.children}</div>;
	const Counter = props => <div>{props.count}</div>;

	class App extends React.Component {
	constructor(props) {
	super(props);
	this.state = {