An Introduction to React With Nate Hunzaker

Jason Baronciani, Software Engineering Manager

Bronto was excited to host the January 2015 Triangle Javascript meetup, An Introduction to ReactNate Hunzaker of Viget Labs spoke to a full crowd on the merits of the virtual DOM, immutability, and the hype around Facebook’s new application architecture, Flux.

Nate knocked it out of the park. He kept the crowd engaged with an appropriate mix of code, real world examples, and a bit of fun. The follow up Q&A was as informative as the main presentation. Find the slide deck here.

Composition!
React isn’t an MVC Framework. It is a UI library for building composable user interfaces. React facilitates the creation of interactive, stateful, reusable components – not templates. You’re no longer restricted to a limited set of templated functionality when building the UI. React lets you use the power of a full-featured language to render your views.

React is fast. Really Fast. The magic is in React’s internal lightweight representation of the document – a Virtual DOM. By tracking last and current state, React can generate the minimal set of DOM mutations required to render the new view. A virtual document has the added benefit of rich server side rendering with Node.js. Hello isomorphic apps!

Keep It Simple
Nate Hunzaker, Keeping It (Real) Simple

At Bronto, our front-end architecture is always evolving, and Nate laid out a solid argument for making React a part of it. Though, we’ll probably skip the JSX for now…

More Reading:

  • http://facebook.github.io/react/docs/getting-started.html
  • http://www.quora.com/Pete-Hunt/Posts/Facebooks-React-vs-AngularJS-A-Closer-Look

We’re always looking for good people. If you’re interested, we’d love to have you join our team!

JOIN THE CONVERSATION

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">