/refreshreact

ReactJS workshop repo 2/27

Primary LanguageCSSMIT LicenseMIT

Refresh Miami ReactJS

Join us for an introduction to ReactJS, the new framework on the block from the developers at Facebook. We’ll introduce the framework, its syntax and structure, and guide you through the creation of your first React application.

###REACTJS workshop

####PART I

  • Intro
    • Info about refreshmiami and the purpose of the workshop
    • Info about myself
  • What is ReactJS
    • the library
    • components
    • Virtual DOM
    • Data Flow
  • What about Jquery? (vs React)
    • performance
    • ease of use
    • reusability
    • other libraries

####PART II

  • Anatomy of a component (live coding)
    • createClass
    • render
    • bind to DOM
    • props
  • Let’s talk about states (live coding)
    • getInitialState
    • will/did mount (component lifecycle)
    • setState
  • Go bigger! (live coding)
    • sample application
    • event handlers
    • nested components
    • passing props, states, etc