React and Flux: Two Great Tastes that Taste Great Together

Bill Fisher (Facebook)
11:15am–11:45am Tuesday, 04/21/2015
Frameworks
Location: Salon 12/13/14/15
Average rating: ***..
(3.62, 8 ratings)

THIS SESSION HAS REQUIREMENTS AND INSTRUCTIONS LISTED BELOW

Remember that MVC you built that spiraled out of control as the application grew? Remember those cascading updates between models that became such a headache in the long run?

Facebook gave up on MVC a long time ago. We chose instead to develop an architecture called Flux, especially designed to complement React, our lightning-fast framework for managing the DOM. We’ve built everything from tiny widgets to gigantic applications with Flux, and it’s scaled to handle everything we threw at it.

Flux is now being used not only throughout Facebook’s front-end code, but also by Yahoo! Mail, Adobe Brackets, Khan Academy and many others. It enforces a unidirectional data flow, plays to React’s strengths, and directly meets the challenge of cascading updates by providing sane tools to simplify complexity and decouple modules.

But the learning curve for Flux is surprisingly easy. By the end of the talk, you’ll understand everything you need to know to start building applications the way we do at Facebook. We’ll walk through the Flux data flow step-by-step, and along the way you’ll also learn a bit about the right way to build React components. At the end, we’ll get to discuss testing, Web API calls, and the performance-enhancing effects of immutable data.

When you build with Flux, you avoid the spaghetti code of MVC, grow applications with confidence in your code’s resilience, and onboard new team members very quickly. Big bonus: it’s a lot of fun to code this way!

SESSION REQUIREMENTS AND INSTRUCTIONS FOR ATTENDEES

Knowledge of JavaScript is expected. Experience in building large client-side applications would be helpful. Knowledge of React would also be helpful, but is not required.

Photo of Bill Fisher

Bill Fisher

Facebook

A JavaScript junkie, Bill came to Facebook almost two years ago and immediately fell in love with React, Facebook’s functional-reactive inspired framework for managing the DOM. After realizing that many people outside of Facebook were struggling to integrate React with existing architectures, Bill pushed Flux — the architectural pattern used at Facebook alongside React — into the light of the open source community. He is the principal author of Facebook’s Flux documentation and example code.