Skip to content

Instantly share code, notes, and snippets.

View sverhoeven's full-sized avatar

Stefan Verhoeven sverhoeven

View GitHub Profile
@sverhoeven
sverhoeven / onchange.js
Created October 2, 2020 09:16
run-cpp-on-web: react
function onToleranceChange(event) {
setTolerance(Number(event.target.value));
}
function onGuessChange(event) {
setGuess(Number(event.target.value));
}
@sverhoeven
sverhoeven / usestate.js
Created October 2, 2020 09:16
run-cpp-on-web: react
const [tolerance, setTolerance] = React.useState(0.001);
const [initial_guess, setGuess] = React.useState(-4);
@sverhoeven
sverhoeven / form.jsx
Created October 2, 2020 09:16
run-cpp-on-web: react
<form onSubmit={handleSubmit}>
<label>
Tolerance:
<input name="tolerance" type="number" value={tolerance} onChange={onToleranceChange}/>
</label>
<label>
Initial guess:
<input name="initial_guess" type="number" value={initial_guess} onChange={onGuessChange}/>
</label>
<input type="submit" value="Submit" />
@sverhoeven
sverhoeven / heading-app.html
Created October 2, 2020 09:12
run-cpp-on-web: react
<h1>Root finding web application</h1>
@sverhoeven
sverhoeven / heading-app.js
Created October 2, 2020 09:12
run-cpp-on-web: react
function Heading() {
const title = 'Root finding web application';
return <h1>{title}</h1>
}
ReactDOM.render(
<Heading/>,
document.getElementById('container')
);
@sverhoeven
sverhoeven / render.js
Last active October 7, 2020 12:34
run-cpp-on-web: react
ReactDOM.render(
<Heading/>,
document.getElementById('container')
);
@sverhoeven
sverhoeven / heading.js
Created October 2, 2020 09:07
run-cpp-on-web: react
function Heading() {
const title = 'Root finding web application';
return React.createElement('h1', null, `{title}`);
}
@sverhoeven
sverhoeven / heading.jsx
Created October 2, 2020 09:06
run-cpp-on-web: react
function Heading() {
const title = 'Root finding web application';
return <h1>{title}</h1>
}
@sverhoeven
sverhoeven / app.html
Last active October 7, 2020 11:05
run-cpp-on-web: react
<!doctype html>
<html lang="en">
<head>
<title>Example React application</title>
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
</head>
<script type="text/javascript" src="newtonraphson.js"></script>
<script type="text/babel" src="app.js"></script>
@sverhoeven
sverhoeven / scripts.html
Created October 2, 2020 09:03
run-cpp-on-web: react
<script type="text/javascript" src="newtonraphson.js"></script>
<script type="text/babel" src="app.js"></script>