Skip to content

Instantly share code, notes, and snippets.

@krillo

krillo/index.html

Created December 2, 2020 15:13
Show Gist options
  • Save krillo/41814a69d067e5948d6359c2ce6b7aa2 to your computer and use it in GitHub Desktop.
Save krillo/41814a69d067e5948d6359c2ce6b7aa2 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/lezohol
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://fb.me/react-with-addons-15.1.0.js"></script>
<script src="https://fb.me/react-dom-15.1.0.js"></script>
</head>
<body>
<h1>inline react</h1>
<div id="root"></div>
<script id="jsbin-javascript">
'use strict';
function formatName(user) {
return user.fname + ' ' + user.lname;
}
var user = {
fname: 'krillo',
lname: 'dillo'
};
var element = React.createElement(
'h2',
null,
'Hello ',
formatName(user)
);
ReactDOM.render(element, document.getElementById('root'));
</script>
<script id="jsbin-source-javascript" type="text/javascript">
function formatName(user){
return user.fname +' '+user.lname;
}
const user = {
fname: 'krillo',
lname: 'dillo'
};
const element = (
<h2>Hello {formatName(user)}</h2>
)
ReactDOM.render(
element,
document.getElementById('root')
);</script></body>
</html>
Raw
jsbin.lezohol.js
'use strict';
function formatName(user) {
return user.fname + ' ' + user.lname;
}
var user = {
fname: 'krillo',
lname: 'dillo'
};
var element = React.createElement(
'h2',
null,
'Hello ',
formatName(user)
);
ReactDOM.render(element, document.getElementById('root'));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment