search

jurassix / react-examples

React Examples
MIT License
6 stars 1 forks source link

This looks awesome #1

Open winkler1 opened 9 years ago

winkler1 commented 9 years ago

would you consider giving a screencast and running through the slides? :)

jurassix commented 9 years ago

Yeah i wouldn't mind doing a screencast. This repo and presentation was put together for Connect-JS JavaScript conference in Atlanta last October.

I was considering putting together a set of videos focusing on the topics from this talk. Are there any topics you are looking for more than others: flux, immutable, performance testing?

winkler1 commented 9 years ago

Last October, wow- really ahead of the curve. I'd be most interested in the immutable stuff and its impact on performance. Flux is more familiar but would be interested in your take on it as well.

One interesting technique is using dom mutation observers to demo efficiency -- backbone http://jsbin.com/jevowi vs react - http://jsbin.com/pozore/

I run react.rocks, would love to feature examples if hosted somewhere like Github pages also.

jurassix commented 9 years ago

Immutable data plus React is pretty amazing. I'm seeing about 20% performance improvement using Immutable-js, react-immutable-render-mixin, and React over just straight React. When I profile React components with React.Perf, this combination produces zero wasted JavaScript processing. Which is huge.

However, dom mutations would probably still be equivalent to the React link you sited. One performance tweak to try would be to use the raf-batching strategy to make the dom mutations as lazy as possible. Something backbone cannot do. I have demos of this in all the examples under the /Advanced folder of this repo.

I'll work on getting examples up for you site - which is pretty sweet - and work on a talk focusing on immutable/performance aspect of this repo.

Thanks for the issue.