StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
15370672
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-03-12T19:44:19.117
FavoriteCount
0
LastActivityDate
2013-03-12T20:30:10.607
LastEditDate
2013-03-12T20:30:10.607
LastEditorUserId
696056
OwnerUserId
696056
ParentId
9212554
PostTypeId
2
Score
8
ViewCount
0
LastEditorDisplayName
text
Body
<h2>Questions</h2> Question 1 <blockquote> I can't just do what i did above when trying to add int's together. </blockquote> Well, that's actually the point. In reactive programming, you don't want to imperatively add two numbers together, instead you want to define the new number in terms of the other numbers. Therefore, <code>c = a + b</code>, such <code>c</code> is always equal to <code>a + b</code>, even when <code>a</code> or <code>b</code> changes: <code>c</code> is reactive in respect to <code>a</code> and <code>b</code>. <pre><code>var a = new BehaviorSubject(3); var b = new BehaviorSubject(1); var c = Rx.Observable.combineLatest(a, b, function(vals) { return vals[0] + vals[1]; }); </code></pre> Question 2 <blockquote> I was wondering how exactly one would implement the example given in the 2nd highest rated answer. </blockquote> Simplest answer lists and higher-order functions in haskell. Answer you don't want Functional-reactive programming goes against everything you've learned in imperative programming, and you're going to have to re-learn how to do things if you want to do pure functional reactive programming. If you don't, you're going to end up making all kinds of dependancy tracking libraries like <a href="https://github.com/SteveSanderson/knockout">KnockoutJS</a>, when you could do the same thing in a couple of hundred lines with something like <a href="https://github.com/cwharris/rxjs-splash">RxJS-Splash</a>, if you used FRP to begin with. (note how Splash is based on Rx, which is reusable code, and Knockout is purely implementation specific code). FRP has a concept of events and time, whereas dependency tracking only has concepts of values and changes. Functional-reactive code has been around just as long as imperative code. It's not "built on top of imperative code." (yes it still compiles to assembly... not the point), it's fundamentally different in concept. <h2>Example</h2> Using Microsoft's Reactive Extensions for JavaScript (<a href="http://github.com/Reactive-Extensions/RxJS">RxJS</a>) Keep in mind, Rx is available in a lot of languages now, including native <a href="http://rx.codeplex.com/">C++</a>. Direct Port of Example <pre><code>var moves = $(document).onAsObservable('mousemove') .map(function(e) { return { x: e.pageX, y: e.pageY }; }); var xs = moves.map(function(move) { return move.x; }); var ys = moves.map(function(move) { return move.y; }); var minXs = xs.map(function(x) { return x - 16; }); var minYs = ys.map(function(y) { return y - 16; }); var maxYs = xs.map(function(x) { return x + 16; }); var maxYs = ys.map(function(y) { return y + 16; }); var boundingRect = Rx.Observable.combineLatest(minXs, minYs, maxXs, maxYs) .map(function(vals) { var minX = vals[0]; var minY = vals[1]; var maxX = vals[2]; var maxY = vals[3]; return new Rectangle(minX, minY, maxX, maxY); }); </code></pre> Simplified Port Since the rectangle is defined only in terms of one dependent value (or event), then you can simplify this to the following: <pre><code>var boundingRect = $(document).onAsObservable('mousemove') .map(function(e) { var x = e.pageX; var y = e.pageY; return new Rectangle(x - 16, y - 16, x + 16, y + 16); }); </code></pre> Using It At which point you can use it to compose other observable sequences (values which changes over time). <pre><code>var area = boundingRect.map(function(rect) { return rect.getSize(); }); </code></pre> Or subscribe to it directly. <pre><code>boundingRect.subscribe(function (rect) { // perform some action with the rect each time it changes. console.log(rect); }); </code></pre> But that's only when it changes! What if we want the latest value as soon as we subscribe, rather than having to wait for the rectangle to change again? Well, that's where <code>BehaviorSubject</code>s come in. <pre><code>var rects = new Rx.BehaviorSubject(new Rectangle(-1, -1, 1, 1)); rects.subscribe(function(rect) { // this would happen twice in this example. // Once for the initial value (above), and once when it is changed later (below). console.log(rect); }); rects.onNext(new Rectangle(-1, -1, 1, 1)); </code></pre> But that's not the original observable, and it's not very functional... Here's how to do the same thing with the original observable using some built in functionality to change on Observable to a act like a BehaviorSubject... <pre><code>var rectsAndDefault = rects.startWith(new Rectangle()); // just give it an initial value rectsAndDefault.subscribe(function(rect) { console.log(rect); // happens once for the "startWith" rectangle, and then again for all subsequent changes }) </code></pre> Again, FRP is different. It's good different, but it's a big undertaking to learn. You'll know you've started getting it when it starts blowing your mind.
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POImplementing reactive programming/functions in c#
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. UScwharris
UserOwnerUserId
1. UScwharris
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
3. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. CO+1 "You'll know you've started getting it when it starts blowing your mind" :)
 singulars
 PostPostId
 PO
 UserUserId
 USAlexFoxGill

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.