React setup for handling UI.
$ npm install onsenui react-onsenui --save
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/onsenui.css">
<link rel="stylesheet" href="css/onsen-css-components.css">
<script src="react.js"></script>
<script src="react-dom.js"></script>
<script src="onsenui.js"></script>
<script src="react-onsenui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
var App = React.createClass({
handleClick: function() {
ons.notification.alert('Hello world!');
},
render: function() {
return (
<Ons.Page>
<Ons.Button onClick={this.handleClick}>Tap me!</Ons.Button>
</Ons.Page>
);
}
});
ReactDOM.render(<App />, document.getElementById('app'));
</script>
</body>
</html>
Also in JavaScript:
- add bootstrap to gatsby
- addclass to elementref angular
- post jquery
- algolia remove object
- export default arrow function
- Setting axios base url dynamically
- get index of element in array js
- hex string to int javascript
- javascript add input
- You need to inject a global window.jQuery first.
- npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! functions@ lint: `tslint --project tsconfig.json`
- let scores = [80, 90, 70]; for (const score of scores) { console.log(score); }
- Beginning Node.js
- create fooer on print page with jquery
- js last array element
- character to ascii javascript
- Module not found: Can't resolve 'jquery' in react
- disable js on chrome
- ajax call do something while
- react useeffect not on first render
- node check if running on localhost?
- read file with deno
- append string in variable using jquery in each loop
- js change contenteditable value