Skip to content

Instantly share code, notes, and snippets.

@Wildhoney

Wildhoney/esnextbin.md

Created March 2, 2017 08:55
Show Gist options
  • Save Wildhoney/86887f92782b7df4698147f305860a1d to your computer and use it in GitHub Desktop.
Save Wildhoney/86887f92782b7df4698147f305860a1d to your computer and use it in GitHub Desktop.
Download ZIP
esnextbin sketch
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<main />
</body>
</html>
Raw
index.js
import React from 'react';
import { render } from 'react-dom';
import ParallaxCard from 'react-parallax-card';
const mountNode = document.querySelector('main');
render((
<ParallaxCard
label='Label (optional)'
enableRotate
style={{ margin: '0 auto', width: 240, height: 240 }}>
<img src='https://s3-us-west-1.amazonaws.com/tachyonsio/img/Blonde-Frank_Ocean.jpeg' width='240' role='presentation' />
</ParallaxCard>
), mountNode);
Raw
package.json
{
"name": "esnextbin-sketch",
"version": "0.0.0",
"dependencies": {
"react": "15.4.2",
"react-dom": "15.4.2",
"react-parallax-card": "0.5.7"
}
}
Raw
transpiled.js
'use strict';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactDom = require('react-dom');
var _reactParallaxCard = require('react-parallax-card');
var _reactParallaxCard2 = _interopRequireDefault(_reactParallaxCard);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var mountNode = document.querySelector('main');
(0, _reactDom.render)(_react2.default.createElement(
_reactParallaxCard2.default,
{
label: 'Label (optional)',
enableRotate: true,
style: { margin: '0 auto', width: 240, height: 240 } },
_react2.default.createElement('img', { src: 'https://s3-us-west-1.amazonaws.com/tachyonsio/img/Blonde-Frank_Ocean.jpeg', width: '240', role: 'presentation' })
), mountNode);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment