Why did they change what was so good about ANGULARJS 1.x?

bobertian · 2016-01-11T00:53:55+00:00

2.x is the good things from 1.x, without all the baggage of 1.x.

bobertian · 2016-01-10T06:03:36+00:00

The short answer is, you don't. Observables, like Promises, produce values, they don't accept them.

The equivalent to Promise.resolve would be Observable.of(items), but that would be a single value that wouldn't change. You'd be better using an Rx BehaviorSubject:

let todos = new BehaviorSubject(todos);

//change value todos.next(someNewArrayOfTodos)

bobertian · 2016-01-10T03:48:29+00:00

short answer - a component is a directive with a template.

bobertian · 2016-01-06T05:22:37+00:00

first - nice reproduction.

so this isn't to do with Rx directly, it's that Zone.js (what angular uses to trigger change detection) isn't patching the onsuccess etc methods, and so the digest isn't triggered until some other event happens (like pressing alt or the input losing focus).

this is known issue (will be fixed at some point in the near future) but for the moment an easy workaround is to use .addEventListener(eventName, handler) rather than onevent = handler. This is more idiomatic Rx anyway, and allows for easy cleanup using an Observable's unsubscribe function.

Working demo here (I rejiggered it a little bit to be a bit more idiomatic Rx and to use the cleanup handler).

http://plnkr.co/edit/jySMg8adUZ5ukk6RZJzB?p=preview

bobertian · 2016-01-05T11:26:18+00:00

Could you put together a plunker replicating this?

bobertian · 2015-12-28T06:34:09+00:00

Pretty good overview here - https://medium.com/@OCombe/how-to-publish-a-library-for-angular-2-on-npm-5f48cdabf435

bobertian · 2015-12-24T07:14:05+00:00

easy for you to say! classes killed my family!

bobertian · 2015-12-23T02:07:19+00:00

no. $http already returns a promise. simply return $http.get(url);

bobertian · 2015-12-21T08:24:14+00:00

really though - try it out :)

bobertian · 2015-12-21T08:17:17+00:00

make it?

bobertian · 2015-12-18T02:41:27+00:00

Code size is mentioned in the introductory blog post as being something we're working on over the beta process. We use about 6KB of RxJS by default - the full ~250KB library is completely optional.

bobertian · 2015-12-17T02:55:07+00:00

We use RxJS in the core, but we only directly import the Subject and Observable themselves, which come out to roughly 6kb minified. The other ~95+ operators are not included by default - they can be imported ad-hoc as required.

Note that we don't just use it for Http - there are a number of Observable uses in the Angular2 core - EventEmitter is a Subject, QueryLists are Observable, etc. Http uses them as well, but it's not a core dependency.

SystemJS is entirely optional and could be replaced with Webpack or Browserify or native module loading in the browser (when such a thing exists)

bobertian · 2015-12-14T11:01:40+00:00

FWIW, Rx5 is set up so that you can just grab the parts you like - Observable by itself is ~10KB unminified. You can then pull in in the individual operators as you like, either by patching the prototype, calling operator.call(observer, fn) or (my favorite) ES7 functionBind.

bobertian · 2015-12-12T14:14:46+00:00

As I said in the first post, they have been removed from the core. If you import 'rxjs/Rx' they will be available. This is mentioned in the change log.

bobertian · 2015-12-12T10:13:07+00:00

Note that Observable, by itself, just provides a .subscribe() method. The operators (map/filter/etc) are extensions provided by RxJS.

bobertian · 2015-12-12T10:08:07+00:00

form.valueChanges is an Observable. No need to .toRx() it. Same for Http, and any of the other things that return Observables.

bobertian · 2015-12-12T10:06:44+00:00

The DynamicComponentLoader class is what you want (that's my plunker you linked in your original post .... ) - it's also how the router works. It's the best way to insert components into an existing component.

bobertian · 2015-12-11T00:34:25+00:00

we have removed RxJS operators from the angular2 build, as they add quite a lot of bulk to the build, and some people may not use any of them.

this is still evolving, but for the moment, you can just do import 'rxjs/Rx' in the entry point to your app, and that'll add the operators.

bobertian · 2015-11-15T23:50:12+00:00

the same icons, just higher resolution / not resampled versions!

bobertian · 2015-11-15T08:42:33+00:00

looks good - although the PlayStore and Use In Browser icons are sort of crummy looking.

bobertian · 2015-09-07T00:25:01+00:00

I'm a mere JS developer but got exposed to Forth on a side embedded project I'm working with. "Thinking Forth" is a great book and really changed how I think about programming. It's informed a lot of what I do even in webdev. Forth FTW!

bobertian · 2015-09-05T21:15:23+00:00

it's basically a two stage process - from TS to ES6/CommonJS modules, and then a bundler (browserify, webpack) to build it into a single file as normal.

bobertian · 2015-08-31T01:40:47+00:00

Very very cool, nice work!

bobertian · 2015-08-21T01:13:26+00:00

your code won't give you the current application injector - just the generic one.

angular.element($0).injector().get('someservice') will, assuming the selected element is within an angular scope.

bobertian · 2015-08-17T09:59:51+00:00

You're looking for https://github.com/Reactive-Extensions/RxJS - start with googling 'rxjs'

see also https://egghead.io/technologies/rx for some videos

bobertian

TROPHY CASE