SlideShare a Scribd company logo
Thinking in React
美团技术团队  陈益国
美团  React  专场
⺫⽬目录
1. 拥抱未来
2. 设计原则
3. ⾼高性能
4. ⽣生态圈
拥抱未来
React or Web Components
Hello world of Web Component
<hello-world></hello-world>
Hello world of React
<HelloWorld></HelloWorld>
Web Components React
• 封装性(Shadow DOM)
• 可移植性(原⽣生⽀支持)
• ⾼高性能(Vitural DOM)
• 松耦合
React or + Web Components
同构
“⼀一次编写,多处运⾏行”
Client + Server Rendering
• 更好的⽤用户体验
• 可维护性
• SEO
ES6(2015) & ES7(2016)
Classes、static、Arrow Function
class HelloWorld extends React.Component {
constructor (props) {
super(props);
this.state = { name: 'mxTeam' };
}
sayHello = () => {
console.log(`Hello ${this.state.name}`);
}
static defaultProps = {
content: 'World!'
};
render () {
return (
<div onClick={this.sayHello}>Hello {this.props.content}</div>
)
}
};
设计原则
JSX
var myDivElement = <div className="foo" />;
var MyComponent = React.createClass({/*...*/});
var myElement = <MyComponent someProperty={true} />;
Render a HTML tag
Render a Component
状态机
“抛弃繁琐的DOM操作,仅需维护数据的状态”
⼀一个下拉菜单的两种状态
state: 收起 state: 展开
visible: false
visible: true
click
setState
update UI
初始化
渲染
装载
更新
卸载
⽣生命周期
设计原则
• 化繁为简
• 可预测性
• 单向数据流
⾼高性能
当我们谈论 JavaScript 慢的时候,我们都在谈论些什么
Virtural DOM
Create ReactElement(Virutal DOM)
var root = React.createElement('div');
var root = (
<div></div>
);
ReactElement {
type: 'div',
ref: null,
key: null,
props: Object
}
4 个简单的属性,没有 prototype
通过 React.render 将 ReactElement 渲染成常规的 DOM
Diff
同层级 diff
node类型 <div /> <span />
component类型 <Header /> <Content />
attribute <div foo=“bar” /> <div foo=“biz” />
style
<div style={{color:’#666’}} />
<div style={{fontWeight:’bold’}} />
列表 diff
<ul>
<li>a</li>
<li>b</li>
<li>d</li>
<li>e</li>
<ul>
<ul>
<li>a</li>
<li>b</li>
<li>d</li>
<li>e</li>
<li>c</li>
<ul>
<ul>
<li key=“a”>a</li>
<li key=“b”>b</li>
<li key=“c”>c</li>
<li key=“d”>d</li>
<li key=“e”>e</li>
<ul>
key is key
Render
this.state = {
foo: null
};
...
this.setState({
foo: 'bar'
});
console.log(this.state.foo); // null
为什么 setState 是⼀一个异步操作
批量操作
Render 流程
标记 dirty 重新 render ⼦子树
shouldComponentUpdate: function (nextProps, nextState) {
// return nextProps.id === this.props.id;
// return nextState.id === this.state.id;
}
shouldComponentUpdate
更优的 事件代理
• 绑定⾄至⽂文档的根节点
• 仅迭代组件的根节点
⽣生态圈
双向绑定 VS 单向数据流
• 脏检查 & Object.observe
• 复杂度⾼高,数据不可预测
• setState & immutable
• 简单清晰,数据可预测
Flux
Flux 的流程结构
• Action ⽤用户交互、数据交互都是⼀一个Action
• Dispatcher 分发动作给 Store
• Store 数据存储中⼼心,响应 Action,对数据进⾏行修改
• View 监听数据变化的事件,从 Store 获取数据,触发 Action
• Flux
• Reflux
• Redux
• …
R
W3CTech美团react专场-Thinking in React
class FriendInfo {
statics = {
queries: {
user () {
return graphql `
User {
name,
mutual_friends { count }
}
`;
}
}
};
render () {
var user = this.props.user;
return (
<div>
<span>{user.name}</span>
<span>{user.mutual_friends.count} mutual friends</span>
</div>
);
}
};
跨平台/终端
Thanks & End
欢迎关注美团技术团队获取更多优质技术内容

More Related Content

What's hot

全新 Windows Server 2019 容器技術 及邁向與 Kubernetes 整合之路 (Windows Server 高峰會)
全新 Windows Server 2019 容器技術及邁向與 Kubernetes 整合之路 (Windows Server 高峰會)全新 Windows Server 2019 容器技術及邁向與 Kubernetes 整合之路 (Windows Server 高峰會)
全新 Windows Server 2019 容器技術 及邁向與 Kubernetes 整合之路 (Windows Server 高峰會)
Will Huang
 
ASP.NET Core 6.0 全新功能探索
ASP.NET Core 6.0 全新功能探索ASP.NET Core 6.0 全新功能探索
ASP.NET Core 6.0 全新功能探索
Will Huang
 
Windows 與 Azure 的容器旅程 @ Ignite Mini 2016
Windows 與 Azure 的容器旅程 @ Ignite Mini 2016Windows 與 Azure 的容器旅程 @ Ignite Mini 2016
Windows 與 Azure 的容器旅程 @ Ignite Mini 2016
Jeff Chu
 
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
Will Huang
 
AKS 與開發人員體驗 (Kubernetes 大講堂)
AKS 與開發人員體驗 (Kubernetes 大講堂)AKS 與開發人員體驗 (Kubernetes 大講堂)
AKS 與開發人員體驗 (Kubernetes 大講堂)
Will Huang
 
ASP.NET 5 快速入門 (Getting Started ASP.NET 5)
ASP.NET 5 快速入門 (Getting Started ASP.NET 5)ASP.NET 5 快速入門 (Getting Started ASP.NET 5)
ASP.NET 5 快速入門 (Getting Started ASP.NET 5)
Jeff Chu
 
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
美团点评技术团队
 
Asp.net core v1.0
Asp.net core v1.0Asp.net core v1.0
Asp.net core v1.0
chang kuo-chao
 
Train.IO 【第六期-OpenStack 二三事】
Train.IO 【第六期-OpenStack 二三事】Train.IO 【第六期-OpenStack 二三事】
Train.IO 【第六期-OpenStack 二三事】
inwin stack
 
美团点评技术沙龙05 - Node.js业务应用实践和服务监控
美团点评技术沙龙05 - Node.js业务应用实践和服务监控美团点评技术沙龙05 - Node.js业务应用实践和服务监控
美团点评技术沙龙05 - Node.js业务应用实践和服务监控
美团点评技术团队
 
Azure Web App on Linux @ Global Azure Bootcamp 2017 Taiwan
Azure Web App on Linux @ Global Azure Bootcamp 2017 TaiwanAzure Web App on Linux @ Global Azure Bootcamp 2017 Taiwan
Azure Web App on Linux @ Global Azure Bootcamp 2017 Taiwan
Will Huang
 
Nodejs & NAE
Nodejs & NAENodejs & NAE
Nodejs & NAE
q3boy
 
百度前端性能监控与优化实践
百度前端性能监控与优化实践百度前端性能监控与优化实践
百度前端性能监控与优化实践
Welefen Lee
 
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
Will Huang
 
Angular 5 全新功能探索 @ JSDC2017
Angular 5 全新功能探索 @ JSDC2017Angular 5 全新功能探索 @ JSDC2017
Angular 5 全新功能探索 @ JSDC2017
Will Huang
 
前端编译平台
前端编译平台前端编译平台
前端编译平台
Welefen Lee
 
Micro-frontends with Angular 10 (Modern Web 2020)
Micro-frontends with Angular 10 (Modern Web 2020)Micro-frontends with Angular 10 (Modern Web 2020)
Micro-frontends with Angular 10 (Modern Web 2020)
Will Huang
 
Angular 4 新手入門攻略完全制霸
Angular 4 新手入門攻略完全制霸Angular 4 新手入門攻略完全制霸
Angular 4 新手入門攻略完全制霸
Will Huang
 
進擊的前端工程師:今天就用 JSON Server 自己打造 API 吧!
進擊的前端工程師:今天就用 JSON Server 自己打造 API 吧!進擊的前端工程師:今天就用 JSON Server 自己打造 API 吧!
進擊的前端工程師:今天就用 JSON Server 自己打造 API 吧!
Will Huang
 

What's hot (20)

全新 Windows Server 2019 容器技術 及邁向與 Kubernetes 整合之路 (Windows Server 高峰會)
全新 Windows Server 2019 容器技術及邁向與 Kubernetes 整合之路 (Windows Server 高峰會)全新 Windows Server 2019 容器技術及邁向與 Kubernetes 整合之路 (Windows Server 高峰會)
全新 Windows Server 2019 容器技術 及邁向與 Kubernetes 整合之路 (Windows Server 高峰會)
 
ASP.NET Core 6.0 全新功能探索
ASP.NET Core 6.0 全新功能探索ASP.NET Core 6.0 全新功能探索
ASP.NET Core 6.0 全新功能探索
 
Windows 與 Azure 的容器旅程 @ Ignite Mini 2016
Windows 與 Azure 的容器旅程 @ Ignite Mini 2016Windows 與 Azure 的容器旅程 @ Ignite Mini 2016
Windows 與 Azure 的容器旅程 @ Ignite Mini 2016
 
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
 
AKS 與開發人員體驗 (Kubernetes 大講堂)
AKS 與開發人員體驗 (Kubernetes 大講堂)AKS 與開發人員體驗 (Kubernetes 大講堂)
AKS 與開發人員體驗 (Kubernetes 大講堂)
 
ASP.NET 5 快速入門 (Getting Started ASP.NET 5)
ASP.NET 5 快速入門 (Getting Started ASP.NET 5)ASP.NET 5 快速入門 (Getting Started ASP.NET 5)
ASP.NET 5 快速入門 (Getting Started ASP.NET 5)
 
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
 
Asp.net core v1.0
Asp.net core v1.0Asp.net core v1.0
Asp.net core v1.0
 
Train.IO 【第六期-OpenStack 二三事】
Train.IO 【第六期-OpenStack 二三事】Train.IO 【第六期-OpenStack 二三事】
Train.IO 【第六期-OpenStack 二三事】
 
美团点评技术沙龙05 - Node.js业务应用实践和服务监控
美团点评技术沙龙05 - Node.js业务应用实践和服务监控美团点评技术沙龙05 - Node.js业务应用实践和服务监控
美团点评技术沙龙05 - Node.js业务应用实践和服务监控
 
美团技术团队 - KVM性能优化
美团技术团队 - KVM性能优化美团技术团队 - KVM性能优化
美团技术团队 - KVM性能优化
 
Azure Web App on Linux @ Global Azure Bootcamp 2017 Taiwan
Azure Web App on Linux @ Global Azure Bootcamp 2017 TaiwanAzure Web App on Linux @ Global Azure Bootcamp 2017 Taiwan
Azure Web App on Linux @ Global Azure Bootcamp 2017 Taiwan
 
Nodejs & NAE
Nodejs & NAENodejs & NAE
Nodejs & NAE
 
百度前端性能监控与优化实践
百度前端性能监控与优化实践百度前端性能监控与优化实践
百度前端性能监控与优化实践
 
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
 
Angular 5 全新功能探索 @ JSDC2017
Angular 5 全新功能探索 @ JSDC2017Angular 5 全新功能探索 @ JSDC2017
Angular 5 全新功能探索 @ JSDC2017
 
前端编译平台
前端编译平台前端编译平台
前端编译平台
 
Micro-frontends with Angular 10 (Modern Web 2020)
Micro-frontends with Angular 10 (Modern Web 2020)Micro-frontends with Angular 10 (Modern Web 2020)
Micro-frontends with Angular 10 (Modern Web 2020)
 
Angular 4 新手入門攻略完全制霸
Angular 4 新手入門攻略完全制霸Angular 4 新手入門攻略完全制霸
Angular 4 新手入門攻略完全制霸
 
進擊的前端工程師:今天就用 JSON Server 自己打造 API 吧!
進擊的前端工程師:今天就用 JSON Server 自己打造 API 吧!進擊的前端工程師:今天就用 JSON Server 自己打造 API 吧!
進擊的前端工程師:今天就用 JSON Server 自己打造 API 吧!
 

Viewers also liked

美团点评技术沙龙011 - 客户端用户体验数据量化
美团点评技术沙龙011 - 客户端用户体验数据量化美团点评技术沙龙011 - 客户端用户体验数据量化
美团点评技术沙龙011 - 客户端用户体验数据量化
美团点评技术团队
 
美团点评技术沙龙010-美团Atlas实践
美团点评技术沙龙010-美团Atlas实践美团点评技术沙龙010-美团Atlas实践
美团点评技术沙龙010-美团Atlas实践
美团点评技术团队
 
美团点评技术沙龙010-Redis Cluster运维实践
美团点评技术沙龙010-Redis Cluster运维实践美团点评技术沙龙010-Redis Cluster运维实践
美团点评技术沙龙010-Redis Cluster运维实践
美团点评技术团队
 
美团点评技术沙龙010-美团数据库自动化运维系统构建之路
美团点评技术沙龙010-美团数据库自动化运维系统构建之路美团点评技术沙龙010-美团数据库自动化运维系统构建之路
美团点评技术沙龙010-美团数据库自动化运维系统构建之路
美团点评技术团队
 
美团点评技术沙龙13-点评Titans框架的设计和实践
美团点评技术沙龙13-点评Titans框架的设计和实践美团点评技术沙龙13-点评Titans框架的设计和实践
美团点评技术沙龙13-点评Titans框架的设计和实践
美团点评技术团队
 
美团点评技术沙龙010-点评RDS系统介绍
美团点评技术沙龙010-点评RDS系统介绍美团点评技术沙龙010-点评RDS系统介绍
美团点评技术沙龙010-点评RDS系统介绍
美团点评技术团队
 
美团点评沙龙012-初创电商的物流摸索
美团点评沙龙012-初创电商的物流摸索美团点评沙龙012-初创电商的物流摸索
美团点评沙龙012-初创电商的物流摸索
美团点评技术团队
 
美团点评沙龙 飞行中换引擎--美团配送业务系统的架构演进之路
美团点评沙龙 飞行中换引擎--美团配送业务系统的架构演进之路美团点评沙龙 飞行中换引擎--美团配送业务系统的架构演进之路
美团点评沙龙 飞行中换引擎--美团配送业务系统的架构演进之路
美团点评技术团队
 
美团点评沙龙012-从零到千万量级的实时物流平台架构实践
美团点评沙龙012-从零到千万量级的实时物流平台架构实践美团点评沙龙012-从零到千万量级的实时物流平台架构实践
美团点评沙龙012-从零到千万量级的实时物流平台架构实践
美团点评技术团队
 
美团点评技术沙龙011 - 移动app兼容性测试工具Spider
美团点评技术沙龙011 - 移动app兼容性测试工具Spider 美团点评技术沙龙011 - 移动app兼容性测试工具Spider
美团点评技术沙龙011 - 移动app兼容性测试工具Spider
美团点评技术团队
 
美团技术沙龙02 - O2O排序解决方案
美团技术沙龙02 - O2O排序解决方案美团技术沙龙02 - O2O排序解决方案
美团技术沙龙02 - O2O排序解决方案
美团点评技术团队
 
美团点评技术沙龙13-前端工程化开发方案app-proto介绍
美团点评技术沙龙13-前端工程化开发方案app-proto介绍美团点评技术沙龙13-前端工程化开发方案app-proto介绍
美团点评技术沙龙13-前端工程化开发方案app-proto介绍
美团点评技术团队
 
美团点评技术沙龙14:美团云对象存储系统
美团点评技术沙龙14:美团云对象存储系统美团点评技术沙龙14:美团云对象存储系统
美团点评技术沙龙14:美团云对象存储系统
美团点评技术团队
 
美团点评沙龙12-LBS空间搜索架构的优化历程
美团点评沙龙12-LBS空间搜索架构的优化历程美团点评沙龙12-LBS空间搜索架构的优化历程
美团点评沙龙12-LBS空间搜索架构的优化历程
美团点评技术团队
 
美团点评技术沙龙14:美团四层负载均衡
美团点评技术沙龙14:美团四层负载均衡美团点评技术沙龙14:美团四层负载均衡
美团点评技术沙龙14:美团四层负载均衡
美团点评技术团队
 
美团点评技术沙龙011 - 团购系统流量和容量评估实践
美团点评技术沙龙011 - 团购系统流量和容量评估实践美团点评技术沙龙011 - 团购系统流量和容量评估实践
美团点评技术沙龙011 - 团购系统流量和容量评估实践
美团点评技术团队
 

Viewers also liked (16)

美团点评技术沙龙011 - 客户端用户体验数据量化
美团点评技术沙龙011 - 客户端用户体验数据量化美团点评技术沙龙011 - 客户端用户体验数据量化
美团点评技术沙龙011 - 客户端用户体验数据量化
 
美团点评技术沙龙010-美团Atlas实践
美团点评技术沙龙010-美团Atlas实践美团点评技术沙龙010-美团Atlas实践
美团点评技术沙龙010-美团Atlas实践
 
美团点评技术沙龙010-Redis Cluster运维实践
美团点评技术沙龙010-Redis Cluster运维实践美团点评技术沙龙010-Redis Cluster运维实践
美团点评技术沙龙010-Redis Cluster运维实践
 
美团点评技术沙龙010-美团数据库自动化运维系统构建之路
美团点评技术沙龙010-美团数据库自动化运维系统构建之路美团点评技术沙龙010-美团数据库自动化运维系统构建之路
美团点评技术沙龙010-美团数据库自动化运维系统构建之路
 
美团点评技术沙龙13-点评Titans框架的设计和实践
美团点评技术沙龙13-点评Titans框架的设计和实践美团点评技术沙龙13-点评Titans框架的设计和实践
美团点评技术沙龙13-点评Titans框架的设计和实践
 
美团点评技术沙龙010-点评RDS系统介绍
美团点评技术沙龙010-点评RDS系统介绍美团点评技术沙龙010-点评RDS系统介绍
美团点评技术沙龙010-点评RDS系统介绍
 
美团点评沙龙012-初创电商的物流摸索
美团点评沙龙012-初创电商的物流摸索美团点评沙龙012-初创电商的物流摸索
美团点评沙龙012-初创电商的物流摸索
 
美团点评沙龙 飞行中换引擎--美团配送业务系统的架构演进之路
美团点评沙龙 飞行中换引擎--美团配送业务系统的架构演进之路美团点评沙龙 飞行中换引擎--美团配送业务系统的架构演进之路
美团点评沙龙 飞行中换引擎--美团配送业务系统的架构演进之路
 
美团点评沙龙012-从零到千万量级的实时物流平台架构实践
美团点评沙龙012-从零到千万量级的实时物流平台架构实践美团点评沙龙012-从零到千万量级的实时物流平台架构实践
美团点评沙龙012-从零到千万量级的实时物流平台架构实践
 
美团点评技术沙龙011 - 移动app兼容性测试工具Spider
美团点评技术沙龙011 - 移动app兼容性测试工具Spider 美团点评技术沙龙011 - 移动app兼容性测试工具Spider
美团点评技术沙龙011 - 移动app兼容性测试工具Spider
 
美团技术沙龙02 - O2O排序解决方案
美团技术沙龙02 - O2O排序解决方案美团技术沙龙02 - O2O排序解决方案
美团技术沙龙02 - O2O排序解决方案
 
美团点评技术沙龙13-前端工程化开发方案app-proto介绍
美团点评技术沙龙13-前端工程化开发方案app-proto介绍美团点评技术沙龙13-前端工程化开发方案app-proto介绍
美团点评技术沙龙13-前端工程化开发方案app-proto介绍
 
美团点评技术沙龙14:美团云对象存储系统
美团点评技术沙龙14:美团云对象存储系统美团点评技术沙龙14:美团云对象存储系统
美团点评技术沙龙14:美团云对象存储系统
 
美团点评沙龙12-LBS空间搜索架构的优化历程
美团点评沙龙12-LBS空间搜索架构的优化历程美团点评沙龙12-LBS空间搜索架构的优化历程
美团点评沙龙12-LBS空间搜索架构的优化历程
 
美团点评技术沙龙14:美团四层负载均衡
美团点评技术沙龙14:美团四层负载均衡美团点评技术沙龙14:美团四层负载均衡
美团点评技术沙龙14:美团四层负载均衡
 
美团点评技术沙龙011 - 团购系统流量和容量评估实践
美团点评技术沙龙011 - 团购系统流量和容量评估实践美团点评技术沙龙011 - 团购系统流量和容量评估实践
美团点评技术沙龙011 - 团购系统流量和容量评估实践
 

Similar to W3CTech美团react专场-Thinking in React

Html5和css3入门
Html5和css3入门Html5和css3入门
Html5和css3入门
Xiujun Ma
 
ASP.Net MVC2 简介
ASP.Net MVC2 简介ASP.Net MVC2 简介
ASP.Net MVC2 简介
Allen Lsy
 
twMVC#01 | ASP.NET MVC 的第一次親密接觸
twMVC#01 | ASP.NET MVC 的第一次親密接觸twMVC#01 | ASP.NET MVC 的第一次親密接觸
twMVC#01 | ASP.NET MVC 的第一次親密接觸
twMVC
 
建站大业,实战ASP.NET 4
建站大业,实战ASP.NET 4建站大业,实战ASP.NET 4
建站大业,实战ASP.NET 4
Cat Chen
 
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練42015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
Duran Hsieh
 
前端MVC之backbone
前端MVC之backbone前端MVC之backbone
前端MVC之backbone
Jerry Xie
 
2011 JavaTwo JSF 2.0
2011 JavaTwo JSF 2.02011 JavaTwo JSF 2.0
2011 JavaTwo JSF 2.0
Anthony Chen
 
浅析浏览器解析和渲染
浅析浏览器解析和渲染浅析浏览器解析和渲染
浅析浏览器解析和渲染
Ailsa126
 
ASP.NET Core 2.1設計新思維與新發展
ASP.NET  Core 2.1設計新思維與新發展ASP.NET  Core 2.1設計新思維與新發展
ASP.NET Core 2.1設計新思維與新發展
江華 奚
 
Hello reactJS 0~1 Bulid my first web app
Hello reactJS 0~1 Bulid my first web appHello reactJS 0~1 Bulid my first web app
Hello reactJS 0~1 Bulid my first web app
hungjie19
 
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development FundamentalsExam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
 
前端性能测试
前端性能测试前端性能测试
前端性能测试
tbmallf2e
 
Struts+Spring+Hibernate整合教程
Struts+Spring+Hibernate整合教程Struts+Spring+Hibernate整合教程
Struts+Spring+Hibernate整合教程
yiditushe
 
Struts+Spring+Hibernate整合教程
Struts+Spring+Hibernate整合教程Struts+Spring+Hibernate整合教程
Struts+Spring+Hibernate整合教程
appollo0312
 
Terracotta And Continuent Based Clustering Architecture
Terracotta And Continuent Based Clustering ArchitectureTerracotta And Continuent Based Clustering Architecture
Terracotta And Continuent Based Clustering Architecture
Target Source
 
Html5
Html5Html5
Html5
cazhfe
 
Node.js在淘宝的应用实践
Node.js在淘宝的应用实践Node.js在淘宝的应用实践
Node.js在淘宝的应用实践
taobao.com
 
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第一天
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第一天Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第一天
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第一天
Gelis Wu
 
Vue ithome
Vue ithome Vue ithome
Vue ithome
Yoyo Young
 
Real World ASP.NET MVC
Real World ASP.NET MVCReal World ASP.NET MVC
Real World ASP.NET MVC
jeffz
 

Similar to W3CTech美团react专场-Thinking in React (20)

Html5和css3入门
Html5和css3入门Html5和css3入门
Html5和css3入门
 
ASP.Net MVC2 简介
ASP.Net MVC2 简介ASP.Net MVC2 简介
ASP.Net MVC2 简介
 
twMVC#01 | ASP.NET MVC 的第一次親密接觸
twMVC#01 | ASP.NET MVC 的第一次親密接觸twMVC#01 | ASP.NET MVC 的第一次親密接觸
twMVC#01 | ASP.NET MVC 的第一次親密接觸
 
建站大业,实战ASP.NET 4
建站大业,实战ASP.NET 4建站大业,实战ASP.NET 4
建站大业,实战ASP.NET 4
 
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練42015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
 
前端MVC之backbone
前端MVC之backbone前端MVC之backbone
前端MVC之backbone
 
2011 JavaTwo JSF 2.0
2011 JavaTwo JSF 2.02011 JavaTwo JSF 2.0
2011 JavaTwo JSF 2.0
 
浅析浏览器解析和渲染
浅析浏览器解析和渲染浅析浏览器解析和渲染
浅析浏览器解析和渲染
 
ASP.NET Core 2.1設計新思維與新發展
ASP.NET  Core 2.1設計新思維與新發展ASP.NET  Core 2.1設計新思維與新發展
ASP.NET Core 2.1設計新思維與新發展
 
Hello reactJS 0~1 Bulid my first web app
Hello reactJS 0~1 Bulid my first web appHello reactJS 0~1 Bulid my first web app
Hello reactJS 0~1 Bulid my first web app
 
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development FundamentalsExam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
 
前端性能测试
前端性能测试前端性能测试
前端性能测试
 
Struts+Spring+Hibernate整合教程
Struts+Spring+Hibernate整合教程Struts+Spring+Hibernate整合教程
Struts+Spring+Hibernate整合教程
 
Struts+Spring+Hibernate整合教程
Struts+Spring+Hibernate整合教程Struts+Spring+Hibernate整合教程
Struts+Spring+Hibernate整合教程
 
Terracotta And Continuent Based Clustering Architecture
Terracotta And Continuent Based Clustering ArchitectureTerracotta And Continuent Based Clustering Architecture
Terracotta And Continuent Based Clustering Architecture
 
Html5
Html5Html5
Html5
 
Node.js在淘宝的应用实践
Node.js在淘宝的应用实践Node.js在淘宝的应用实践
Node.js在淘宝的应用实践
 
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第一天
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第一天Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第一天
Visual studio 2012 與 asp.net 4.5 (新功能與開發介紹) 第一天
 
Vue ithome
Vue ithome Vue ithome
Vue ithome
 
Real World ASP.NET MVC
Real World ASP.NET MVCReal World ASP.NET MVC
Real World ASP.NET MVC
 

More from 美团点评技术团队

美团点评技术沙龙09 - 美团外卖中的单量预估及列表优化
美团点评技术沙龙09 - 美团外卖中的单量预估及列表优化美团点评技术沙龙09 - 美团外卖中的单量预估及列表优化
美团点评技术沙龙09 - 美团外卖中的单量预估及列表优化
美团点评技术团队
 
美团点评技术沙龙09 - 美团配送智能调度实践
美团点评技术沙龙09 - 美团配送智能调度实践美团点评技术沙龙09 - 美团配送智能调度实践
美团点评技术沙龙09 - 美团配送智能调度实践
美团点评技术团队
 
美团点评技术沙龙09 - 外卖O2O的用户画像实践
美团点评技术沙龙09 - 外卖O2O的用户画像实践美团点评技术沙龙09 - 外卖O2O的用户画像实践
美团点评技术沙龙09 - 外卖O2O的用户画像实践
美团点评技术团队
 
美团点评技术沙龙09 - 一个用户行为分析产品的设计与实现
美团点评技术沙龙09 - 一个用户行为分析产品的设计与实现美团点评技术沙龙09 - 一个用户行为分析产品的设计与实现
美团点评技术沙龙09 - 一个用户行为分析产品的设计与实现
美团点评技术团队
 
美团点评技术沙龙08 - 分布式服务通信框架及服务治理系统
美团点评技术沙龙08 - 分布式服务通信框架及服务治理系统美团点评技术沙龙08 - 分布式服务通信框架及服务治理系统
美团点评技术沙龙08 - 分布式服务通信框架及服务治理系统
美团点评技术团队
 
2.美团点评技术沙龙08 微服务是银弹么
2.美团点评技术沙龙08   微服务是银弹么2.美团点评技术沙龙08   微服务是银弹么
2.美团点评技术沙龙08 微服务是银弹么
美团点评技术团队
 
美团点评技术沙龙08 - 分布式监控系统实践
美团点评技术沙龙08 - 分布式监控系统实践美团点评技术沙龙08 - 分布式监控系统实践
美团点评技术沙龙08 - 分布式监控系统实践
美团点评技术团队
 
美团点评技术沙龙08 - 分布式会话跟踪系统架构设计与实践
美团点评技术沙龙08 - 分布式会话跟踪系统架构设计与实践美团点评技术沙龙08 - 分布式会话跟踪系统架构设计与实践
美团点评技术沙龙08 - 分布式会话跟踪系统架构设计与实践
美团点评技术团队
 
美团点评技术沙龙07 - 外卖后端端技术架构
美团点评技术沙龙07 - 外卖后端端技术架构美团点评技术沙龙07 - 外卖后端端技术架构
美团点评技术沙龙07 - 外卖后端端技术架构
美团点评技术团队
 
美团点评技术沙龙07 - 外卖订单系统架构演进与实践
美团点评技术沙龙07 - 外卖订单系统架构演进与实践美团点评技术沙龙07 - 外卖订单系统架构演进与实践
美团点评技术沙龙07 - 外卖订单系统架构演进与实践
美团点评技术团队
 
美团点评技术沙龙07 - 大众点评支付渠道网关系统实践
美团点评技术沙龙07 - 大众点评支付渠道网关系统实践美团点评技术沙龙07 - 大众点评支付渠道网关系统实践
美团点评技术沙龙07 - 大众点评支付渠道网关系统实践
美团点评技术团队
 
美团点评技术沙龙07 - 美团配送平台高可用实践
美团点评技术沙龙07 - 美团配送平台高可用实践美团点评技术沙龙07 - 美团配送平台高可用实践
美团点评技术沙龙07 - 美团配送平台高可用实践
美团点评技术团队
 
美团点评技术沙龙06 - 美团外卖全链路性能测试实践
美团点评技术沙龙06 - 美团外卖全链路性能测试实践美团点评技术沙龙06 - 美团外卖全链路性能测试实践
美团点评技术沙龙06 - 美团外卖全链路性能测试实践
美团点评技术团队
 

More from 美团点评技术团队 (13)

美团点评技术沙龙09 - 美团外卖中的单量预估及列表优化
美团点评技术沙龙09 - 美团外卖中的单量预估及列表优化美团点评技术沙龙09 - 美团外卖中的单量预估及列表优化
美团点评技术沙龙09 - 美团外卖中的单量预估及列表优化
 
美团点评技术沙龙09 - 美团配送智能调度实践
美团点评技术沙龙09 - 美团配送智能调度实践美团点评技术沙龙09 - 美团配送智能调度实践
美团点评技术沙龙09 - 美团配送智能调度实践
 
美团点评技术沙龙09 - 外卖O2O的用户画像实践
美团点评技术沙龙09 - 外卖O2O的用户画像实践美团点评技术沙龙09 - 外卖O2O的用户画像实践
美团点评技术沙龙09 - 外卖O2O的用户画像实践
 
美团点评技术沙龙09 - 一个用户行为分析产品的设计与实现
美团点评技术沙龙09 - 一个用户行为分析产品的设计与实现美团点评技术沙龙09 - 一个用户行为分析产品的设计与实现
美团点评技术沙龙09 - 一个用户行为分析产品的设计与实现
 
美团点评技术沙龙08 - 分布式服务通信框架及服务治理系统
美团点评技术沙龙08 - 分布式服务通信框架及服务治理系统美团点评技术沙龙08 - 分布式服务通信框架及服务治理系统
美团点评技术沙龙08 - 分布式服务通信框架及服务治理系统
 
2.美团点评技术沙龙08 微服务是银弹么
2.美团点评技术沙龙08   微服务是银弹么2.美团点评技术沙龙08   微服务是银弹么
2.美团点评技术沙龙08 微服务是银弹么
 
美团点评技术沙龙08 - 分布式监控系统实践
美团点评技术沙龙08 - 分布式监控系统实践美团点评技术沙龙08 - 分布式监控系统实践
美团点评技术沙龙08 - 分布式监控系统实践
 
美团点评技术沙龙08 - 分布式会话跟踪系统架构设计与实践
美团点评技术沙龙08 - 分布式会话跟踪系统架构设计与实践美团点评技术沙龙08 - 分布式会话跟踪系统架构设计与实践
美团点评技术沙龙08 - 分布式会话跟踪系统架构设计与实践
 
美团点评技术沙龙07 - 外卖后端端技术架构
美团点评技术沙龙07 - 外卖后端端技术架构美团点评技术沙龙07 - 外卖后端端技术架构
美团点评技术沙龙07 - 外卖后端端技术架构
 
美团点评技术沙龙07 - 外卖订单系统架构演进与实践
美团点评技术沙龙07 - 外卖订单系统架构演进与实践美团点评技术沙龙07 - 外卖订单系统架构演进与实践
美团点评技术沙龙07 - 外卖订单系统架构演进与实践
 
美团点评技术沙龙07 - 大众点评支付渠道网关系统实践
美团点评技术沙龙07 - 大众点评支付渠道网关系统实践美团点评技术沙龙07 - 大众点评支付渠道网关系统实践
美团点评技术沙龙07 - 大众点评支付渠道网关系统实践
 
美团点评技术沙龙07 - 美团配送平台高可用实践
美团点评技术沙龙07 - 美团配送平台高可用实践美团点评技术沙龙07 - 美团配送平台高可用实践
美团点评技术沙龙07 - 美团配送平台高可用实践
 
美团点评技术沙龙06 - 美团外卖全链路性能测试实践
美团点评技术沙龙06 - 美团外卖全链路性能测试实践美团点评技术沙龙06 - 美团外卖全链路性能测试实践
美团点评技术沙龙06 - 美团外卖全链路性能测试实践
 

Recently uploaded

看岳母勾引我【网芷:ht28.co】风骚学妹app>>>[网趾:ht28.co】]<<<
看岳母勾引我【网芷:ht28.co】风骚学妹app>>>[网趾:ht28.co】]<<<看岳母勾引我【网芷:ht28.co】风骚学妹app>>>[网趾:ht28.co】]<<<
看岳母勾引我【网芷:ht28.co】风骚学妹app>>>[网趾:ht28.co】]<<<
arrogancepchzxp
 
Griffith University diploma
Griffith University diplomaGriffith University diploma
Griffith University diploma
ekatf
 
深夜日本在线观看免费完整版视频>>>[网址:ht28.co】]<<<大陆a片学生妹下载
深夜日本在线观看免费完整版视频>>>[网址:ht28.co】]<<<大陆a片学生妹下载深夜日本在线观看免费完整版视频>>>[网址:ht28.co】]<<<大陆a片学生妹下载
深夜日本在线观看免费完整版视频>>>[网址:ht28.co】]<<<大陆a片学生妹下载
theobald2798
 
DevOpsDays Taipei 2024 以系統思考來討論 LeSS 如何處理多頭馬車
DevOpsDays Taipei 2024 以系統思考來討論LeSS 如何處理多頭馬車DevOpsDays Taipei 2024 以系統思考來討論LeSS 如何處理多頭馬車
DevOpsDays Taipei 2024 以系統思考來討論 LeSS 如何處理多頭馬車
Jen-Chieh Ko
 
一路向西2【网芷:ht28.co】喜爱夜蒲>>>[网趾:ht28.co】]<<<
一路向西2【网芷:ht28.co】喜爱夜蒲>>>[网趾:ht28.co】]<<<一路向西2【网芷:ht28.co】喜爱夜蒲>>>[网趾:ht28.co】]<<<
一路向西2【网芷:ht28.co】喜爱夜蒲>>>[网趾:ht28.co】]<<<
theobald2798
 
吞远野あ扫除机吃精【网芷:ht28.co】吞精性奴小说>>>[网趾:ht28.co】]<<<
吞远野あ扫除机吃精【网芷:ht28.co】吞精性奴小说>>>[网趾:ht28.co】]<<<吞远野あ扫除机吃精【网芷:ht28.co】吞精性奴小说>>>[网趾:ht28.co】]<<<
吞远野あ扫除机吃精【网芷:ht28.co】吞精性奴小说>>>[网趾:ht28.co】]<<<
faceliftery1
 
男同体育生gay吞精流白色【网芷:ht28.co】>>>[网趾:ht28.co】日本丰满欲妇吞精]<<<
男同体育生gay吞精流白色【网芷:ht28.co】>>>[网趾:ht28.co】日本丰满欲妇吞精]<<<男同体育生gay吞精流白色【网芷:ht28.co】>>>[网趾:ht28.co】日本丰满欲妇吞精]<<<
男同体育生gay吞精流白色【网芷:ht28.co】>>>[网趾:ht28.co】日本丰满欲妇吞精]<<<
arrogancepchzxp1
 
DevOpsDays Taipei 2024 Workshop - DevOpsDays Taipei 2024
DevOpsDays Taipei 2024 Workshop - DevOpsDays Taipei 2024DevOpsDays Taipei 2024 Workshop - DevOpsDays Taipei 2024
DevOpsDays Taipei 2024 Workshop - DevOpsDays Taipei 2024
Yu-Song Syu
 
202254.com香蕉影视免费在线观影,最新电视剧,最新电影,最新综艺,最新动漫,免费观看。
202254.com香蕉影视免费在线观影,最新电视剧,最新电影,最新综艺,最新动漫,免费观看。202254.com香蕉影视免费在线观影,最新电视剧,最新电影,最新综艺,最新动漫,免费观看。
202254.com香蕉影视免费在线观影,最新电视剧,最新电影,最新综艺,最新动漫,免费观看。
ffg01100
 

Recently uploaded (9)

看岳母勾引我【网芷:ht28.co】风骚学妹app>>>[网趾:ht28.co】]<<<
看岳母勾引我【网芷:ht28.co】风骚学妹app>>>[网趾:ht28.co】]<<<看岳母勾引我【网芷:ht28.co】风骚学妹app>>>[网趾:ht28.co】]<<<
看岳母勾引我【网芷:ht28.co】风骚学妹app>>>[网趾:ht28.co】]<<<
 
Griffith University diploma
Griffith University diplomaGriffith University diploma
Griffith University diploma
 
深夜日本在线观看免费完整版视频>>>[网址:ht28.co】]<<<大陆a片学生妹下载
深夜日本在线观看免费完整版视频>>>[网址:ht28.co】]<<<大陆a片学生妹下载深夜日本在线观看免费完整版视频>>>[网址:ht28.co】]<<<大陆a片学生妹下载
深夜日本在线观看免费完整版视频>>>[网址:ht28.co】]<<<大陆a片学生妹下载
 
DevOpsDays Taipei 2024 以系統思考來討論 LeSS 如何處理多頭馬車
DevOpsDays Taipei 2024 以系統思考來討論LeSS 如何處理多頭馬車DevOpsDays Taipei 2024 以系統思考來討論LeSS 如何處理多頭馬車
DevOpsDays Taipei 2024 以系統思考來討論 LeSS 如何處理多頭馬車
 
一路向西2【网芷:ht28.co】喜爱夜蒲>>>[网趾:ht28.co】]<<<
一路向西2【网芷:ht28.co】喜爱夜蒲>>>[网趾:ht28.co】]<<<一路向西2【网芷:ht28.co】喜爱夜蒲>>>[网趾:ht28.co】]<<<
一路向西2【网芷:ht28.co】喜爱夜蒲>>>[网趾:ht28.co】]<<<
 
吞远野あ扫除机吃精【网芷:ht28.co】吞精性奴小说>>>[网趾:ht28.co】]<<<
吞远野あ扫除机吃精【网芷:ht28.co】吞精性奴小说>>>[网趾:ht28.co】]<<<吞远野あ扫除机吃精【网芷:ht28.co】吞精性奴小说>>>[网趾:ht28.co】]<<<
吞远野あ扫除机吃精【网芷:ht28.co】吞精性奴小说>>>[网趾:ht28.co】]<<<
 
男同体育生gay吞精流白色【网芷:ht28.co】>>>[网趾:ht28.co】日本丰满欲妇吞精]<<<
男同体育生gay吞精流白色【网芷:ht28.co】>>>[网趾:ht28.co】日本丰满欲妇吞精]<<<男同体育生gay吞精流白色【网芷:ht28.co】>>>[网趾:ht28.co】日本丰满欲妇吞精]<<<
男同体育生gay吞精流白色【网芷:ht28.co】>>>[网趾:ht28.co】日本丰满欲妇吞精]<<<
 
DevOpsDays Taipei 2024 Workshop - DevOpsDays Taipei 2024
DevOpsDays Taipei 2024 Workshop - DevOpsDays Taipei 2024DevOpsDays Taipei 2024 Workshop - DevOpsDays Taipei 2024
DevOpsDays Taipei 2024 Workshop - DevOpsDays Taipei 2024
 
202254.com香蕉影视免费在线观影,最新电视剧,最新电影,最新综艺,最新动漫,免费观看。
202254.com香蕉影视免费在线观影,最新电视剧,最新电影,最新综艺,最新动漫,免费观看。202254.com香蕉影视免费在线观影,最新电视剧,最新电影,最新综艺,最新动漫,免费观看。
202254.com香蕉影视免费在线观影,最新电视剧,最新电影,最新综艺,最新动漫,免费观看。
 

W3CTech美团react专场-Thinking in React