Skip to content

Instantly share code, notes, and snippets.

View koba04's full-sized avatar

Toru Kobayashi koba04

614 followers · 54 following
View GitHub Profile
@koba04
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
koba04 / Html.js
Created October 1, 2017 14:46
import React from 'react';
const Html = (props) => {
return (
<html>
<head>
<title>App</title>
</head>
<body>
<div id="app">{props.children}</div>
@koba04
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
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
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
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
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
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
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
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 = {