Skip to content

Instantly share code, notes, and snippets.

@ethagnawl

ethagnawl/index.html

Last active December 18, 2018 16:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ethagnawl/a12ed9cd030b5f3045c56d20d4215097 to your computer and use it in GitHub Desktop.
Save ethagnawl/a12ed9cd030b5f3045c56d20d4215097 to your computer and use it in GitHub Desktop.
Download ZIP
more gatsby/elm fun
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charSet="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="generator" content="Gatsby 2.0.68" />
<link as="script" rel="preload" href="/component---src-pages-index-js-ac2364b3c7ba3836ce1f.js" />
<link as="script" rel="preload" href="/app-b7a4b847d9bcda823daf.js" />
<link as="script" rel="preload" href="/webpack-runtime-58bda297cc6883409162.js" />
<link rel="preload" href="/static/d/173/path---index-6a9-NZuapzHg3X9TaN1iIixfv1W23E.json" as="fetch" crossOrigin="use-credentials" />
</head>
<body>
<div id="___gatsby">
<div style="outline:none" tabindex="-1" role="group">
<div>
<p>what the heck</p>
<div></div>
<!-->
the above should be:
<div><p>hello</p><p>goodbye</p></div>
<!-->
</div>
</div>
</div>
<script id="gatsby-script-loader">
/*<![CDATA[*/
window.page = {
"componentChunkName": "component---src-pages-index-js",
"jsonName": "index",
"path": "/"
};
window.dataPath = "173/path---index-6a9-NZuapzHg3X9TaN1iIixfv1W23E"; /*]]>*/
</script>
<script id="gatsby-chunk-mapping">
/*<![CDATA[*/
window.___chunkMapping = {
"app": ["/app-b7a4b847d9bcda823daf.js"],
"component---src-pages-index-js": ["/component---src-pages-index-js-ac2364b3c7ba3836ce1f.js"]
}; /*]]>*/
</script>
<script src="/webpack-runtime-58bda297cc6883409162.js" async=""></script>
<script src="/app-b7a4b847d9bcda823daf.js" async=""></script>
<script src="/component---src-pages-index-js-ac2364b3c7ba3836ce1f.js" async=""></script>
</body>
</html>
Raw
index.js
import React from "react";
import ElmHandler from '../components/ElmHandler'
import { Elm } from '../components/ScenesElm/src/Main.elm'
class Default extends React.Component {
_ref = React.createRef()
render() {
let scenes = ["hello", "goodbye"];
return (
<div ref={this._ref}>
<p>what the heck</p>
<ElmHandler
src={Elm.Main}
flags={{ scenes: scenes }}
/>
</div>
)
}
}
export default Default
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment