Juan Ku Quintana juankuquintana

## gist:85b1a614f74f914af20b
av = ActionView::Base.new(Rails.root.join('app', 'views'))
av.assign({:movement => movement})
pdf_html = av.render(:template => "account/movements/pdf/payment_order.pdf.erb", :encoding => "UTF-8")
doc_pdf = WickedPdf.new.pdf_from_string(pdf_html)

## index.js
import React from 'react';
import { render } from 'react-dom';
import { Router, Route, createMemoryHistory } from 'react-router';
import App from './App';
import SamsungComponent from './Samsung';
import ReactComponent from './React';

let childRoutes = [];
childRoutes.push({ path: 'samsung', component: SamsungComponent });
childRoutes.push({ path: 'react', component: ReactComponent });

## index.html
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Samsung TV + React + React Router Tutorial</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <div id="root"></div>
</body>

## React.js
import React from 'react'

export default React.createClass({
  render() {
    return (
      <div>
        About React
        <br/>React is a JavaScript library for building user interfaces
      </div>
    )

## Samsung.js
import React from 'react'

export default React.createClass({
  render() {
    return (
      <div>
        About Samsung
        <br/>Samsung Group is a South Korean multinational conglomerate headquartered in Samsung Town, Seoul
      </div>
    )

## App.js
import React from 'react';
import { Link } from 'react-router';

export default React.createClass({
  render() {
    return (
      <div>
        <h1>Samsung TV + React + React Router Tutorial</h1>
        <ul role="nav">
          <li><Link to="/samsung">About Samsung</Link></li>

## .babelrc
{
  "env": {
    "production": {
      "presets": [
        "react",
        "es2015"
      ],
      "plugins": ["transform-class-properties"]
    }
  }

## index.js
import React, { Component } from 'react';
import Header from './Header';

class Index extends Component {
  render() {
    return (
      <Header />
    );
  }
}

## index.js
export { default } from './Header';

## webpack.tv.config.js
module.exports = {
  entry: [
    'src/index.js'
  ],
  ...,
  resolve: {
    extensions: ['.js', '.json', '.jsx', '.tv.js', '']
  }
};
	av = ActionView::Base.new(Rails.root.join('app', 'views'))
	av.assign({:movement => movement})
	pdf_html = av.render(:template => "account/movements/pdf/payment_order.pdf.erb", :encoding => "UTF-8")
	doc_pdf = WickedPdf.new.pdf_from_string(pdf_html)
	import React from 'react';
	import { render } from 'react-dom';
	import { Router, Route, createMemoryHistory } from 'react-router';
	import App from './App';
	import SamsungComponent from './Samsung';
	import ReactComponent from './React';

	let childRoutes = [];
	childRoutes.push({ path: 'samsung', component: SamsungComponent });
	childRoutes.push({ path: 'react', component: ReactComponent });
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Samsung TV + React + React Router Tutorial</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
	<div id="root"></div>
	</body>
	import React from 'react'

	export default React.createClass({
	render() {
	return (
	<div>
	About React
	<br/>React is a JavaScript library for building user interfaces
	</div>
	)
	import React from 'react';
	import { Link } from 'react-router';

	export default React.createClass({
	render() {
	return (
	<div>
	<h1>Samsung TV + React + React Router Tutorial</h1>
	<ul role="nav">
	<li><Link to="/samsung">About Samsung</Link></li>
	{
	"env": {
	"production": {
	"presets": [
	"react",
	"es2015"
	],
	"plugins": ["transform-class-properties"]
	}
	}
	import React, { Component } from 'react';
	import Header from './Header';

	class Index extends Component {
	render() {
	return (
	<Header />
	);
	}
	}
	module.exports = {
	entry: [
	'src/index.js'
	],
	...,
	resolve: {
	extensions: ['.js', '.json', '.jsx', '.tv.js', '']
	}
	};