Hodor with React

react-hodor

Hodor !

The demo is here.
The repo is here

Install using npm install react-hodor !

Include some stuff !

import React from 'react';
import ReactDOM from 'react-dom';
import Hodor from 'react-hodor';

hodor

The default <Hodor/> directive replace the $element content with "hodor".

ReactDOM.render(
    <Hodor/>,
    document.getElementById('hodor'));

will be displayed as:

hodor

Hodor

Give it some hodoring:

ReactDOM.render(
    <Hodor hodorhodor="10"/>,
    document.getElementById('hodorhodor'));

and it will

hodor hodor hodor hodor hodor hodor hodor hodor hodor hodor

HODOR

Make it hodor speak with:

ReactDOM.render(
    <Hodor hodor="hodor" hodorhodor="100"/>,
    document.getElementById('hodorhodorhodor'));

Aaaaand here it comes !

HODOR!!! Hodor. Hodor, HODOR!!! Hodor, hodor. Hodor, hodor hodor, hodor, hodor hodor, hodor, hodor hodor. Hodor, HODOR!!! Hodor. HODOR!!! HODOR!!! Hodor, hodor hodor, hodor hodor, hodor, hodor, hodor, hodor, hodor HODOR!!! Hodor. Hodor, hodor. Hodor, hodor, HODOR!!! Hodor hodor, HODOR!!! HODOR!!! Hodor. Hodor. Hodor. Hodor, hodor hodor, hodor, hodor, hodor, HODOR!!! Hodor, hodor, hodor. Hodor. Hodor, hodor. Hodor, hodor, hodor, hodor, hodor hodor hodor, hodor, hodor. Hodor, hodor. Hodor hodor. Hodor. HODOR!!! Hodor. Hodor. HODOR!!! Hodor hodor hodor. HODOR!!! HODOR!!! Hodor, hodor HODOR!!! Hodor, hodor, hodor, hodor. Hodor, hodor. Hodor, hodor. Hodor. HODOR!!! Hodor, hodor. Hodor, HODOR!!! Hodor, hodor, HODOR!!!

hodor

Image from The Oatmeal