reactSwatchMobxDemo/01_non_mobx_example/index.html at 69a2f20c36766bea04e4faf3ae4408e65694ac85 · mattruby/reactSwatchMobxDemo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!doctype html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>01 Swatch viewer non-mobx</title>
	<link rel="stylesheet" href="../shared_assets/style.css"/>
</head>
<body>
<div id="react-swatch"></div>

<script src="https://cdn.jsdelivr.net/g/react@15.1.0(react.min.js+react-dom.min.js),lodash@4.13.1,js-signals@1.0.0"></script>
<script type="text/javascript" src="../shared_assets/swatch-data-1.js"></script>
<script src="https://unpkg.com/mobx/lib/mobx.umd.js"></script>

<script src="https://unpkg.com/why-did-you-update@0.0.8/umd/why-did-you-update.min.js"></script>
<!--<script>WhyDidYouUpdate.whyDidYouUpdate(React)</script>-->


<script type="text/javascript" src="js/swatch-store.js"></script>
<script type="text/javascript" src="js/swatch-renderer-viewer.js"></script>

<script type="text/javascript">

	var store = new Swatch.SwatchStore(swatchData1);

	store.listenableActions.swatchDataChanged.add(function () {
		ReactDOM.render(
				React.createElement(
						Swatch.ViewerFullRenderer,
						{store: store}
				),
				document.getElementById('react-swatch')
		);
	});

</script>

</body>
</html>