Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
Pat Sissons
@patsissons
@oliverw rebased my PR's onto 1.4.4. added some new thoughts on #36
Ian Bebbington
@ibebbs
Hi, just started playing with WebRx and was wondering if it was possible to write the application (i.e. app.js) in Typescript? I've had a go at writing the "Getting Started" ('The name is Bart Simpson') example in TypeScript and, while I can reference the WebRx typings and get some great Intellisense, when compiling I get errors in web.rx.d.ts stating Module 'Rx' has no exported member 'IDisposable'
My app.ts file is as follows:
/// <reference path="../Scripts/typings/web.rx.d.ts" />

wx.app.component('hello', {
    viewModel: function () {
        this.firstName = 'Bart';
        this.lastName = 'Simpson';
    },
    template: 'The name is <span data-bind="text: firstName + \' \' + lastName"></span>'
});

wx.router.state({
    name: "$",
    views: { 'main': "hello" }
});

wx.router.reload();

wx.applyBindings({});
And my tsconfig.json is:
{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es6",
    "outDir": "js",
    "module": "commonjs"
  },
  "exclude": [
    "Scripts",
    "node_modules",
    "wwwroot"
  ]
}
Note that I have excluded the Scripts directory (I added a reference to WebRx via Nuget) from Typescript compilation.
Any thoughts?
Ian Bebbington
@ibebbs
Hmm... no matter. I seem to have worked round this by explicitly referencing rx.all.d.ts before referencing web.rx.d.ts from within app.ts.
Ivan Milutinović
@milutinovici
Hey guys. I made a library, that I think could be the basis for observables/lists in webrx 2.0.
https://github.com/milutinovici/proactive
Comments are welcome. What do you think @oliverw ?
Thomas Kaltz III
@TomKaltz
I'm having trouble using the webpack es2015 preset
This message was deleted
Thomas Kaltz III
@TomKaltz
export default {
  template: require("./index.html"),
  viewModel: () => {
    this.firstName = 'fname'
    this.lastName = 'lname'
  }
}
stops working
export default {
  template: require("./index.html"),
  viewModel: function(){
    this.firstName = 'fname'
    this.lastName = 'lname'
  }
}
works fine
Denis Stoyanov
@xgrommx
try
export default {
  template: require("./index.html"),
  viewModel(){
    this.firstName = 'fname'
    this.lastName = 'lname'
  }
}
Thomas Kaltz III
@TomKaltz
hmmm that works
but why can I not do the first snippet?
Denis Stoyanov
@xgrommx
@TomKaltz => save top context
Thomas Kaltz III
@TomKaltz
Has anyone built anything meaningful with this framework? I'm interested in getting started but would like to see how one would structure a medium-sized app
Pat Sissons
@patsissons
I have a pretty sizable app. I actually have a framework sitting on top of the lite version.
Thomas Kaltz III
@TomKaltz
@patsissons is your framework public?
Thomas Kaltz III
@TomKaltz
would love to see what you have going
Pat Sissons
@patsissons
yup
it is still a WIP, but I am using it to develop a production site (which is not open source)
readme could use a little refresh, i think you can just run npm install && gulp to get started now
Thomas Kaltz III
@TomKaltz
I will take a look thanks!
Thomas Kaltz III
@TomKaltz
@patsissons I haven't looked too deep into your framework yet but I was wondering why you decided to do react when webrx has it's own templating feature?
Pat Sissons
@patsissons
the project I'm working on wanted to use ReactJS. when i started on my framework I was looknig for the RxUI of front end land
WebRx mirrors quite closely the architecture of the view model side of RxUI
I'm also a big fan of ReactJS (more so now) when it is used how my framework uses it (i.e. smart state, rather than dumb state)
this is why i ended up building the lite API surface of WebRx so that i could minimize the WebRx library payload
Thomas Kaltz III
@TomKaltz
@patsissons so you don't directly reference webrx....just a lite version you implemented?
Pat Sissons
@patsissons
the lite version is part of WebRx, just not the default export.
Thomas Kaltz III
@TomKaltz
can anyone here explain how they're implementing models with webrx
and datastores
Pat Sissons
@patsissons
if you're using typescript, models are pretty simple, just an interface that defines the model structure. My stores are just classes with methods that wraps IHttpClient.get<T>(...) where T is the model
Thomas Kaltz III
@TomKaltz
are nested component binding supported with just the custom tag?
for instance....
<div>
  <ul data-bind="foreach: repo.list">
    <div data-bind='component: {
    name: "testComponent",
    params: { model: $data }
}'></div>
  </ul>
</div>
...works but ...
<div>
  <ul data-bind="foreach: repo.list">
    <testComponent params="model: $data"></testComponent> 
  </ul>
</div>
does not
Pat Sissons
@patsissons
I have finally published webrx-react to npm
luca mezzalira
@lucamezzalira
Hi everyone, I’ve just created Awesome Reactive Programming repo, if you want to contribute feel free to do it: https://github.com/lucamezzalira/awesome-reactive-programming
Pat Sissons
@patsissons
webrx is no longer under development. my framework has rewritten the parts of webrx that were being used and will release this work in 0.10.0 (likely tomorrow). there may be some interesting stuff to merge into your repo here: https://talanta.gitbooks.io/rx-book/content/content/resources/reactive_libraries/rx.html
Denis Stoyanov
@xgrommx
interesting http://xgrommx.github.io/rx-book/ @patsissons
mokong
@mokong1404_twitter
hello gaes
soryy i'm newbi in here . i want to studyng WebRx. plese tell me How do instal webrx and how to run it
Pat Sissons
@patsissons
as mentioned in the readme you should probably look into vue.js instead
mokong
@mokong1404_twitter
please tell me step by step to install webRx