New API modelled after new React context API proposal #8
Conversation
| "react": "^15.2.1", | ||
| "react-derivable": "../../", | ||
| "react-dom": "^15.2.1" | ||
| "react-derivable": "link:../.." |
There was a problem hiding this comment.
Wow, is it realtime update? Nice!
There was a problem hiding this comment.
Not quite as src/ should be built into lib/.
There was a problem hiding this comment.
Still better then reinstalling
| Value: {counter.get()} | ||
| <div>Value: {r(counter)}</div> | ||
| <div> | ||
| Is Even: {renderMap(counter, counter => (counter % 2 === 0 ? 'Yes' : 'No'))} |
There was a problem hiding this comment.
I thought you don't like map. Maybe renderDerive?:)
There was a problem hiding this comment.
It doesn't create a derivation so I thought it's better not to call it *Derive.
| */ | ||
|
|
||
| let state = atom({ | ||
| let state = Derivable.atom({ |
There was a problem hiding this comment.
I found using der prefix quite nice and small.
der.atom
der.derive
| Component = decorateWith(Component, makeReactiveComponent); | ||
| return decorateWith(Component, makePureComponent); | ||
| export function render<V: React.Node>(d: Derivable.Derivable<V>): React.Node { | ||
| return <Reactive d={d} f={renderValue} />; |
There was a problem hiding this comment.
Somebody would like to use this component directly :)
There was a problem hiding this comment.
I know those guys from new context rfc
There was a problem hiding this comment.
Some guys from context rfc are jealously prefer jsx over function calls and hocs.
There was a problem hiding this comment.
Does it matter? I think we'd like to settle on what React Context API officially settles.
There was a problem hiding this comment.
This style seems to me less noisy than using JSX with function-as-children.
There was a problem hiding this comment.
I don't force. Just a note. I'm not a fan of pure jsx too.
|
This doesn't yet work on server as reactors should not be initialized there. |
|
Also not sure if we need to add some kind of pure API (a-la |
|
Yep, PureComponent won't give wins here. |
andreypopp
force-pushed
the
render-props-style
branch
from
c9a0ff1 to
0f08e27
Compare
andreypopp
force-pushed
the
render-props-style
branch
from
0f08e27 to
69d9265
Compare
2 participants
No description provided.