Upgrade to Pro — share decks privately, control downloads, hide ads and more …

react overview

yiminghe
January 27, 2015

react overview

yiminghe

January 27, 2015
Tweet

More Decks by yiminghe

Other Decks in Programming

Transcript

  1. Virtual  dom •  Updates  the  dom  as  efficiently  as  possible

      •  Huge  performance  boost   •  Avoid  thinking  about  managing  the  DOM
  2. Lifecycle •  Construc:on   – getDefaultProps()   – getIni:alState()   – componentWillMount()  

    – render()   – componentDidMount()   – componentWillUnmount()
  3. principle •  Unidirec:onal  data  flow   •  Composability   • 

    Predictable  reliable  testable   •  Declara:ve
  4. 教程 – npm  based  front-­‐end  development   – 如何写一个 react  组件  

    –   react  组件规范(编码,设计)   – 如何移植传统组件(kissy)到  react  
  5. React  vs  angular •  Framework  vs  library   –  concepts

      •  Direc:ve  vs  component   –  Easy  vs  hard   •  Performance   –  Watch  vs  diff   –  String/dom  template  vs  jsx/virtual   •  Server  render   –  Client  vs  Isomorphic   •  BaRle  tested   –  Google?  vs  Yahoo,facebook   •  Cross  browser   –  pc  vs  pc/mobile