Comments (7)
mweststrate
commented on July 19, 2024
the `current` method is tracked, so if you use it you get updated when it
updates in the future. See also the unit-tests
Op vr 1 sep. 2017 om 09:27 schreef devdoomari <[email protected]>:
… in TS, when I do:
const someSignal = fromStream(someStream);
I only get someSignal of type:
{
current: {},
dispose: () => ...
}
which ...doesn't seem like a mobx observable.
Is there an example of using fromStream with mobx-react's observer?
Thank you!
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<#77>, or mute the thread
<https://github.com/notifications/unsubscribe-auth/ABvGhPzxxoUVLwcSIIMhwv33kEvIgbPCks5sd7HjgaJpZM4PJzI0>
.
from mobx-utils.
devdoomari
commented on July 19, 2024
@mweststrate
is this the right unit-test file?
https://github.com/mobxjs/mobx-utils/blob/master/test/observable-stream.js
it doesn't seem to give any example of using mobx-react's @observer and fromStream...
Also, since I'm using typescript, I don't know what to make of fromStream's return type :(
from mobx-utils.
mweststrate
commented on July 19, 2024
`.current()` is an observable, so you can just use it in the `render` of an
observer component and it will react to future updates. Mobx utils is
written in typescript, so type inference should be correct.
Op ma 4 sep. 2017 om 10:12 schreef devdoomari <[email protected]>:
… @mweststrate <https://github.com/mweststrate>
is this the right unit-test file?
https://github.com/mobxjs/mobx-utils/blob/master/test/observable-stream.js
it doesn't seem to give any example of using mobx-react's @observer and
fromStream...
Also, since I'm using typescript, I don't know what to make of
fromStream's return type :(
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<#77 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ABvGhLfj8ygQX1L1Z_Md8nx0i4ZFlXxfks5se7DrgaJpZM4PJzI0>
.
from mobx-utils.
devdoomari
commented on July 19, 2024
uh... could you post a specific example code?
I'm not that smart enough to understand & implement that on my code...
so far, are you saying ( * I might understand things wrong *):
@observable // from mobx-react
class SomeComponent extends React.Component<{ ... }, { ... }> {
render() {
const signalValue = this.props.someSignal.current();
return ( <p> {signalValue} </p> );
}
}
will do? (and that SomeComponent will auto-rerender whenever someSignal is updated?)
from mobx-utils.
mweststrate
commented on July 19, 2024
yes that is correct
Op ma 4 sep. 2017 om 10:29 schreef devdoomari <[email protected]>:
… uh... could you post a specific example code?
I'm not that smart enough to understand & implement that on my code...
so far, are you saying ( * I might understand things wrong *):
@observable // from mobx-react
class SomeComponent extends React.Component<{ ... }, { ... }> {
render() {
const signalValue = this.props.someSignal.current();
return ( <p> {signalValue} </p> );
}
}
will do? (and that SomeComponent will auto-rerender whenever someSignal is
updated?)
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<#77 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ABvGhPg1bd9bRsU0LbftJ32jlz2pB4tWks5se7TzgaJpZM4PJzI0>
.
from mobx-utils.
mweststrate
commented on July 19, 2024
but use @observe instead of @observable
Op ma 4 sep. 2017 om 10:33 schreef Michel Weststrate <[email protected]
…:
yes that is correct
Op ma 4 sep. 2017 om 10:29 schreef devdoomari ***@***.***>:
> uh... could you post a specific example code?
> I'm not that smart enough to understand & implement that on my code...
>
> so far, are you saying ( * I might understand things wrong *):
>
> @observable // from mobx-react
> class SomeComponent extends React.Component<{ ... }, { ... }> {
> render() {
> const signalValue = this.props.someSignal.current();
> return ( <p> {signalValue} </p> );
> }
> }
>
> will do? (and that SomeComponent will auto-rerender whenever someSignal
> is updated?)
>
> —
> You are receiving this because you were mentioned.
>
>
> Reply to this email directly, view it on GitHub
> <#77 (comment)>,
> or mute the thread
> <https://github.com/notifications/unsubscribe-auth/ABvGhPg1bd9bRsU0LbftJ32jlz2pB4tWks5se7TzgaJpZM4PJzI0>
> .
>
from mobx-utils.
devdoomari
commented on July 19, 2024
ok! thanks for your guidance! closing!
ps: do you think this should be added to mobx-util docs? (or example)?
for someone like me, this might not be very obvious
from mobx-utils.
Related Issues (20)
- Passing equals option to computedFn does not change behaviour HOT 6
- Does this support MobX 6? HOT 2
- deepObserve callback getting called multiple times within a single runInAction function HOT 13
- Use computedFn as annotation in make(Auto)Observable HOT 2
- deepObserve not working with ObservableSet HOT 4
- toStream is not rxjs compatible HOT 6
- lazyObservable.current is missing `| undefined` in type signature
- addHiddenProp should use 'defineProperty' from 'mobx'
- Override Model getter with ViewModel HOT 1
- fromPromise sets pending value to undefined if oldPromise is also pending
- Testing stuff using now() leads to tests that are failing for wrong reason HOT 3
- Util for mapping an observable array into view models. HOT 3
- Issue while updating view Model using setter method HOT 1
- It might be better for fromResource to have dispose function returned from the setup function
- deepObserve doesn't respect mobx's observer decorator variants
- ObservableGroupMap for Map to Arrays HOT 6
- npm release HOT 1
- ComputedFn (and createTransformer) can leak memory in certain scenarios HOT 1
- createTransformer contains duplicated code
- Mobx-Utils IObservableStream interface is not compatible with RxJs 7.8.1 Obserable interface
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mobx-utils.