Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

react

React为什么这么火

http://www.dang-jian.com/

党建

议程:

关于我:党建

www.dang-jian.com
dangjian
  • 2000年~2007年:西安电子科技大学,硕士学历,人工智能。
  • 2007年~2014年:葡萄城信息技术有限公司,程序员,架构师。
  • 2014年~今:西安瑞木信息技术有限公司,架构师,合伙人,负责公司技术培训,团队建设。
  • dangjian@github
  • dangjian@weibo
  • hunterdang@gmail.com

送书

React的发展历史

React是什么?

React的设计

JSX

https://facebook.github.io/jsx

JSX编译

https://facebook.github.io/react/jsx-compiler.html

虚拟DOM

虚拟DOM和原生DOM

使用原生DOM生成元素

	var a = document.createElement('a')
	a.setAttribute('class', 'link')
	a.setAttribute('href', 'https://github.com/facebook/react')
	a.appendChild(document.createTextNode('React'))
        

使用虚拟DOM生成元素

	var a = React.createElement('a', {
	    className: 'link',
	    href: 'https://github.com/facebook/react'
	}, 'React')
        

虚拟DOM在React中的应用

单向数据流动:Flux

https://facebook.github.io/flux

Flux与MVC

MVC

Flux与MVC

Flux

Flux: Actions、Dispatcher和Stores

react

Show Demo

React相关的学习资料

React

Thank you!

Any question?