Taming jQuery Selectors with React Sean Carpenter @scarpenter [email protected] 

What’s wrong with jQuery? • Nothing! • But it can get a little repetitive • $(“.slider.main”).show();
 $(“.slider.main”).text(“Hi there!”);
 $(“.slider.main”).hide(); 

Lots of Options • Application frameworks • Angular • Ember • MV(C|VM) • Backbone • Knockout 

React • Facebook and Instagram open source project • Just concerned with the “V” in MVC • Declarative UI construction • Can be added piece by piece to an existing application 

Simple React Sample https://github.com/scarpenter/cposc-2014 

Notes About the Sample • No jQuery used, but it could have been • It’s easy (easier?) to use React on one page or part of a page • React plays well with other libraries 

React Resources http://facebook.github.io/react/ • Lots of good documentation • A great intro tutorial • Blog with announcements and tips 

Everything Else • react-rails gem for using React easily with Rails • Relatively easy to use React from Coffescript • Use React without JSX: React.DOM.div • With JSX, using backticks to treat JSX as JS • react-tools npm package to transform JSX to JS 

Questions?