React to the Future

I recently gave a talk about Facebook’s React library at AngleBrackets in Scottsdale, AZ. The talk, React to the Future, is an introduction to React and then I start to touch on some larger concepts like Flux and Isomorphic JavaScript.

“My favorite part of React is what I loved about MooTools: to use it effectively you learn JavaScript, not a DSL: useful your whole career.” –Ryan Florence

Topics Covered

  • What is React & Who Uses It?
  • Why is it Compelling?
    • Declarative & Composable
    • Virtual DOM
    • One-Way Data Flow
  • Components
    • State Machines
    • createClass, ES6 Class
    • JSX
    • Props/State/Refs
    • Lifecycle Methods
    • Gotchas
  • Flux
    • What is Flux?
    • Flux Comparison
  • Isomorphic
    • Don’t Break the Web (isometric)
    • Shared Code
    • Progressive Enhancment
  • Additional Node Modules
    • React Router
    • React Intl
    • reqwest

Slides

You can find the slides from the presentation online at elijahmanor.com/talks/react-to-the-future/

Note: This slide deck is fairly new. I will be giving the presentation again and have plans to iterate on the material. Stay tuned :)

Podcast

I was recently interviewed on the Polymorphic Podcast by Craig Shoemaker.

On the show we talk about many of the above concepts in addition to topics like integrating React into an existing Brown-field project, etc…