Angular + React = Speed Dave Smith

AI Dev Craft · 123K views · 2015 · 19:27

Open on YouTube

Web developmentSoftware performance & optimizationtalkdated

Why Stack Overflow recommends it

Stack Overflow users link it when answering questions about whether Angular and React can work together and how Angular rendering performance compares.

Recommended by 5 people across 4 different months, 2015 to 2016.

What it is

A conference talk by Dave Smith from ng-conf 2015 on combining Angular and React for faster rendering, covering how React can speed up rendering in Angular applications and the performance outlook for Angular 2. It was recorded in Salt Lake City and uploaded to the AI Dev Craft channel.

What people said

Recommends sergiocruz · 2015-03 · Stack Overflow · on “Angular2: Is it slow?”

To add to Misko's comment, I would definitely watch this talk that just happened last week at ng-conf and "feel the speed" of Angular 2 at the end of the video: [this video]

Recommends artur grzesiak · 2015-04 · Stack Overflow · on “How does rxjs observable perform compare to $watch in Angularjs 1.X?”

The two mechanisms of observing changes are inherently different. $watch is a brute force, pull-based mechanism. Where the observer is active and (generally) needs to visit each observed object / expression after any change happened. Surely the more to observe the slower the whole process. Observable implements a push-based mechanism. Observer is passive and gets notified when something changed. Properly implemented it allows much more intelligent propagation of changes. From what I know, using Observable s in angular 2.0 is optional, but advised. Moreover, angular 2.0 is going to implement one-directional data flow similar to flux [LINK] . Data changes propagate only downwards in DOM -- a c

Recommends Ed Knowles · 2015-04 · Stack Overflow · on “Can angular and react play together?”

Yes you can using a directive ngReact [LINK] . There are some use cases where you might want to do that, however with Angular 2 coming this summer, I would hold out trying to implement it just yet. As for speed you should watch this [this video] great talk during ng-conf earlier this year.

Recommends wintvelt · 2015-10 · Stack Overflow · on “Could anyone talk about how React Native runs, why someone says its performance is better than other hybrid framework”

This question might be a bit too broad and general for SO. React's own video's e.g. here [this video] explain why and how performance is better, and here [LINK] how react native is different from web app.

Recommends wintvelt · 2015-10 · Stack Overflow · on “React.js: javascript vs reactjs DOM manipulations”

In this particular case, react may be slower overall in processing the 1000 clicks. What you are in essence measuring is more or less cycle time between 1 click and 1 update. In your one-to-one comparison direct javascript DOM updates are likely to be faster (maybe directly rendering HTML from server would be even faster). Some notes: Cycle time is not the only factor in comparing performance: when doing DOM updates, react in many cases leaves more CPU time available for the user, e.g. to scrolling while react is updating. This in not measured by your test. Where react really shines is in doing updates: if you delete, update, add many different items in the list of 1000, react is likely to b

Recommends Serginho · 2016-01 · Stack Overflow · on “ReactJs in AngularJs”

You can take a look to this link [this video] . This video was recorded last year in the ng-conf and explains how you can speed up your angular application rendering certain elements with react. I think it can help you.

Cites I_Debug_Everything · 2015-03 · Stack Overflow · on “Working with Angular 2”

Our team is way too excited with the alpha release of Angular 2 and we're just eagerly waiting for it's stable release and getting started with it. But during the ng-conf 2015 on Angular 2 by Misko, we came across following things which made me confused TypeScript! Is it really needed to use typescript to gain better performance instead of writing plain simple JS code we've been doing all along. We've came across a few comments that says typescript helps in better performance. ES6 features. Since angular 2 will be using a lot of es6 features, would that mean we'll have to wait for all the browsers support at least those features needed by angular 2 before we can kick start with it on our pro

Cites Evan Plaice · 2015-11 · Stack Overflow · on “Working with Angular 2”

TypeScript! Is it really needed to use typescript to gain better performance instead of writing plain simple JS code we've been doing all along. We've came across a few comments that says typescript helps in better performance. TypeScript is not required to use Angular2. Most examples you see will use JavaScript: classes (ES6) decorators (ES7/Typescript) types - (Typescript) Except, browsers don't support those features yet so all Angular2 source will need to be transpiled to ES5. So in ES5: classes can be faked by extending prototypes decorators can be faked using wrapper functions types aren't really necessary to begin with, they're synctatic sugar added for safety It would be unrealistic

Cites Max · 2016-05 · Stack Overflow · on “Integrating Angular 2 with React”

Has anybody seen any good integration using both Angular 2 and React? This video indicates that it's possible: [this video] I would really like to have the below in my new project if that's possible: Angular 2 web worker, service worker - [LINK] - e.g. to separate UI drawing and calculation to run on different CPU cores Redux data flow - e.g. maybe using react-redux or ng2-redux to connect container component with presentational component React inline style - e.g. Radium - [LINK] , and this video explains why: [LINK] The challenges: How do I draw a line between the code that should be written in Angular 2 and React What should be compiled first, React JSX or Typescript? - this video shows that Ty