koriym/file10.php

## file10.php
$cache = new FilesystemCache() // PSR-16 simple cache
$baracoa = new CacheBaracoa($appBundleJsPath, new ExceptionHandler(), $cache);
$html = $baracoa->render('min', ['name' => 'World']);
echo $html; // Hello World

## file2.php
$code = sprintf('
%s
var window = this;
render(%s);',
    file_get_contents(__DIR__ . "/ssr.bundle.js"),
    json_encode(['hello' =>['name' => 'World']])
);

echo (new V8Js)->executeString($code);

## file3.html
<div id="root"><div data-reactroot="" data-reactid="1" data-react-checksum="410796212"><h1 data-reactid="2"><!-- react-text: 3 -->Hello <!-- /react-text --><!-- react-text: 4 -->World<!-- /react-text --></h1><button data-reactid="5">Click</button></div></div>

## file4.txt
window.__PRELOADED_STATE__ = {"hello":{"name":"World"}}

## file6.txt
global.render = (state, metas) => ('<html>..</html>');

## file7.php
use Nacmartin\PhpExecJs\PhpExecJs;

$phpexecjs = new PhpExecJs();
print_r($phpexecjs->evalJs("'red yellow blue'.split(' ')"));

// Array
// (
//     [0] => red
//     [1] => yellow
//     [2] => blue
// )
// READMEより

## file8.php
use Koriym\Baracoa\ExceptionHandler;
use Koriym\Baracoa\Baracoa;

$baracoa = new Baracoa($jsDir, new ExceptionHandler());
$html = $baracoa->render('min', ['name' => 'World']);
echo $html; // Hello World

## index.bundle.js
import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import configureStore from '../store/configureStore';
import App from '../containers/App';

const preloadedState = window.__PRELOADED_STATE__;
const store = configureStore(preloadedState);

render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root'),
);

## index_ssr.bundle.js
import render from './render';
global.render = render;

## min.bundle.js
const render = state => (
  `Hello ${state.name}`
)

## render.jsx
import React from 'react';
import { renderToString } from 'react-dom/server';
import { Provider } from 'react-redux';
import escape from 'escape-html';
import serialize from 'serialize-javascript';
import App from '../containers/App';
import configureStore from '../store/configureStore';

const render = (state, metas) => {
  const store = configureStore(preloadedState);
  const root = renderToString(
    <Provider store={store}>
      <App />
    </Provider>,
  );
  return `<!doctype html>
    <html>
      <head>
        <title>${escape(metas.title)}</title>
      </head>
      <body>
        <div id="root">${root}</div>
        <script>
          window.__PRELOADED_STATE__ = ${serialize(state)}
        </script>
        <script src="/build/index.bundle.js"></script>
      </body>
    </html>
`;
};

export default render;
	$cache = new FilesystemCache() // PSR-16 simple cache
	$baracoa = new CacheBaracoa($appBundleJsPath, new ExceptionHandler(), $cache);
	$html = $baracoa->render('min', ['name' => 'World']);
	echo $html; // Hello World
	$code = sprintf('
	%s
	var window = this;
	render(%s);',
	file_get_contents(__DIR__ . "/ssr.bundle.js"),
	json_encode(['hello' =>['name' => 'World']])
	);

	echo (new V8Js)->executeString($code);
	use Nacmartin\PhpExecJs\PhpExecJs;

	$phpexecjs = new PhpExecJs();
	print_r($phpexecjs->evalJs("'red yellow blue'.split(' ')"));

	// Array
	// (
	// [0] => red
	// [1] => yellow
	// [2] => blue
	// )
	// READMEより
	use Koriym\Baracoa\ExceptionHandler;
	use Koriym\Baracoa\Baracoa;

	$baracoa = new Baracoa($jsDir, new ExceptionHandler());
	$html = $baracoa->render('min', ['name' => 'World']);
	echo $html; // Hello World
	import React from 'react';
	import { render } from 'react-dom';
	import { Provider } from 'react-redux';
	import configureStore from '../store/configureStore';
	import App from '../containers/App';

	const preloadedState = window.__PRELOADED_STATE__;
	const store = configureStore(preloadedState);

	render(
	<Provider store={store}>
	<App />
	</Provider>,
	document.getElementById('root'),
	);
	import React from 'react';
	import { renderToString } from 'react-dom/server';
	import { Provider } from 'react-redux';
	import escape from 'escape-html';
	import serialize from 'serialize-javascript';
	import App from '../containers/App';
	import configureStore from '../store/configureStore';

	const render = (state, metas) => {
	const store = configureStore(preloadedState);
	const root = renderToString(
	<Provider store={store}>
	<App />
	</Provider>,
	);
	return `<!doctype html>
	<html>
	<head>
	<title>${escape(metas.title)}</title>
	</head>
	<body>
	<div id="root">${root}</div>
	<script>
	window.__PRELOADED_STATE__ = ${serialize(state)}
	</script>
	<script src="/build/index.bundle.js"></script>
	</body>
	</html>
	`;
	};

	export default render;