React的技巧和模式分享.pdfVIP

React 岚 S 师 绍 • 岚 @hgl • 标项 Web animations polyfillCSSNext 发 • Roole 预处理器 • Strikingly 师 违 Y Combinator W13 Class Strikingly React 库 迟载组 组件 态 1. 库 jQuery React 吗? YES! jQuery Sortable ul id=sortable liItem 1/li liItem 2/li liItem 3/li /ul script$(#sortable).sortable();/script Coding time 库 1. 创建⼀个React 组件⽤于包裹其他组件 2. componentDidMount 调库 3. 过 props callback 传递 4. componentWillUnmount , 释放资源 React 组件 React 库 2. 迟载 简载 码? 迟载 组吗? Coding time 迟载组 • 创建⼀个 LazyLoader 组件，传⼊需要加载的组件 名 • componentDidUpdate 动态载组 • 载组 state • render 载组 3. 组 组给组 为 还记得 Sortable / 吗? 组 • 为 • • 为 Sortable ul liitem1/li • 给⼦组件提供排序⾏ 为 liitem2/li liitem3/li • /ul /Sortable SplitContainer • 给⼦组件提供布局 Item1 / • Item2 / • /SplitContainer demo App TextContainer • 给⼦组件提供数据 Text / • 层 /TextContianer /App 组 • • •