分享近期为内部培训 React native 写的材料和视频
<p style="margin-top: 18px; margin-bottom: 18px; color: rgb(51, 51, 51); font-family: "helvetica neue", tahoma, "hiragino sans gb", stheiti, "wenquanyi micro hei", 微软雅黑, 宋体, sans-serif; font-size: 16px; line-height: 27.2px;">来源：http://div.io/topic/1777</p><p style="margin-top: 18px; margin-bottom: 18px; color: rgb(51, 51, 51); font-family: "helvetica neue", tahoma, "hiragino sans gb", stheiti, "wenquanyi micro hei", 微软雅黑, 宋体, sans-serif; font-size: 16px; line-height: 27.2px;"><br></p><p style="margin-top: 18px; margin-bottom: 18px; color: rgb(51, 51, 51); font-family: "helvetica neue", tahoma, "hiragino sans gb", stheiti, "wenquanyi micro hei", 微软雅黑, 宋体, sans-serif; font-size: 16px; line-height: 27.2px;"><img src="https://unbug.gitbooks.io/react-native-training/content/QQ20160705-3.png" alt="" style="max-width: 50em; margin-top: 1em; margin-bottom: 1em;"><br>一直想找机会更新 MIHTool，又跟不上 Swift 的步伐，已经用自己的 MVC + ReactJS 写了两个管理系统，所以开始折腾 React Native， 结果是很迅速就搭起团队目前负责的 App, 收获不少，然后就在自己内部团队开始培训 React Native 开发（其实内部受众都是客户端开发工程师，培训非常艰难，因为90%都是前端知识。）我把资料都放到 GitBook 上了，内容持续更新。 培训的目的不是精通，而是掌握如何开发。也欢迎其他有经验的同学参与编辑 :)</p><p style="margin-top: 18px; margin-bottom: 18px; color: rgb(51, 51, 51); font-family: "helvetica neue", tahoma, "hiragino sans gb", stheiti, "wenquanyi micro hei", 微软雅黑, 宋体, sans-serif; font-size: 16px; line-height: 27.2px;"><a href="https://www.gitbook.com/book/unbug/react-native-training/details" target="_blank" style="text-decoration: none; color: rgb(49, 135, 219);">书地址, 有中文视频</a></p><p style="margin-top: 18px; margin-bottom: 18px; color: rgb(51, 51, 51); font-family: "helvetica neue", tahoma, "hiragino sans gb", stheiti, "wenquanyi micro hei", 微软雅黑, 宋体, sans-serif; font-size: 16px; line-height: 27.2px;">大纲：</p><pre style="font-family: consolas, monaco, menlo, "courier new", courier, monospace; border: 1px solid rgb(221, 221, 221); font-size: 12px; line-height: 18px; overflow: auto; padding: 6px 10px; border-radius: 3px; word-break: break-all; color: rgb(51, 51, 51); background-color: rgb(248, 248, 248);"><code style="font-family: consolas, monaco, menlo, "courier new", courier, monospace; display: inline-block; line-height: 1.5; border: 0px none; border-radius: 0px; font-size: inherit; background: none;">Introduction1 First look
1.1 Building an app in 5 minutes
1.2 How it works
1.3 Debug tools
1.4 DOCs & APIs
1.5 Resources
2 Components
2.1 Render & JSX
2.2 View, Text, Image, etc
2.3 Lifecyle
2.4 Props & States
2.5 Events
2.6 Resources
3 Styles
3.1 Flexbox
3.2 Absolute & Relative
3.3 Size & Dimensions & onLayout
3.4 Inheritance
3.5 Resources
4 Architecture
4.1 Redux
4.2 react-redux
4.3 Containers & Components
4.4 Todo React Native App
4.5 Naming convention
4.6 Resources
5 Data
5.1 Fetch
5.2 Persistent
5.3 Resources
6 Router
6.1 Navigator
6.2 Resources
7 Native Modules
7.1 iOS
7.1.1 JS call OC
7.1.2 OC call JS
7.1.3 Native View Component
7.2 Android
7.2.1 JS call Java
7.2.2 Java call JS
7.2.3 Native View Component
7.3 Resources
8 Integration
8.1 iOS
8.1.1 Package
8.1.2 Image
8.2 Android
8.2.1 Package
8.2.2 Image
8.3 Before publishing
8.4 Resources
9 Hot Update
9.1 iOS
9.2 Android
10.3 Resources
Resources</code></pre><p></p>
页:
[1]