I hereby claim:
- I am refractalize on github.
- I am refractalize (https://keybase.io/refractalize) on keybase.
- I have a public key whose fingerprint is CFC3 8862 C872 801C 67D4 61C7 AC49 495C A39E 824D
To claim this, I am signing this object:
I hereby claim:
To claim this, I am signing this object:
const child_process = require('child_process') | |
const {promisify} = require('util') | |
const exec = promisify(child_process.exec) | |
module.exports = class CommandLineSetup { | |
setup () { | |
} | |
teardown () { | |
} |
var plastiq = require('plastiq'); | |
var h = plastiq.html; | |
var model = {value: "1"}; | |
function render() { | |
return h('div', | |
model.value == "1"? h('h1', 'you have selected 1'): undefined, | |
h('label', | |
'One', |
(This page is a simplification of another guide to installing oracle on Mac OS X, from which this was forked.)
Run these brew
commands:
brew install InstantClientTap/instantclient/instantclient-basiclite
application state is passed down to subcomponents
On the surface this seems quite natural, but in practice things get strange quickly. The issue is that components get their data from two places (sometimes three): from this.props
and from this.state
(and this.context
). What often happens is that you want to store some information, such as some form input data or an AJAX call in this.state
, but meanwhile, the parent has passed in some new props in this.props
that invalidate that state, or at least make it inconsistent. So you have to merge the new this.props
with the this.state
in componentWillReceiveProps()
.
Secondly, and this is related to the first, it's impossible for a parent component to get at the state of a child component. Also, a plausibly good idea - keep things isolated from each other. But again in practice, this forces weird design decitions: the parent passes an object to the child (in props
) that is then modified by the child (form input, etc). This isn't a ma
var plastiq = require('plastiq'); | |
var h = plastiq.html; | |
function render(model) { | |
return h('div', | |
h.animation(model.animation.bind(model)), | |
h('div', model.counter) | |
); | |
} |
var plastiq = require('plastiq'); | |
var h = plastiq.html; | |
function render(model) { | |
return h.promise(model.longRunningOperation, { | |
pending: 'loading...', | |
fulfilled: function (value) { | |
return 'the value from the long-running operation is: ' + value; | |
} | |
}); |
var plastiq = require('plastiq'); | |
var h = plastiq.html; | |
var bind = plastiq.bind; | |
function render(model) { | |
return h('div', | |
h('ul', | |
model.animals.map(function (animal) { | |
return h('li', animal.render(model)); | |
}) |
var plastiq = require('plastiq'); | |
var h = plastiq.html; | |
var bind = plastiq.bind; | |
function render(model) { | |
return h('div.content', | |
h('h1', 'People'), | |
h('ol', | |
model.people.map(function (person) { | |
return renderPerson(model, person); |