入门文档:
官方英文文档
中文文档
生命周期
React生命周期
开源库、项目搜索:
GitHub
JS.coach
学习指南、优质开源项目
https://github.com/reactnativecn/react-native-guide
https://github.com/MarnoDev/react-native-open-project
https://github.com/wangdicoder/JueJinClient
https://github.com/attentiveness/reading
https://github.com/huanxsd/MeiTuan
RN与Native的集成、调用:
https://facebook.github.io/react-native/docs/integration-with-existing-apps.html (RN集成到现有App-官方文档英文)
http://reactnative.cn/docs/0.49/integration-with-existing-apps.html#content (RN集成到现有App-官方文档中文)
http://www.jianshu.com/p/d78e5f52b63d(android)
https://github.com/yujiesuperman/react-native-demo3-RnandNative(android)
http://www.jianshu.com/p/8f72a97ad39e(android)
http://www.jianshu.com/p/2fbdf5a12922(android)
http://blog.csdn.net/liu__520/article/details/52817016(android)
http://www.cnblogs.com/lgp142332/p/6024280.html(android)
http://www.jianshu.com/p/97c2fa718ee4(ios)
http://blog.csdn.net/wintelsui/article/details/59525889(ios)
http://www.jianshu.com/p/e39cea3f3b79(ios)
http://www.jianshu.com/p/3dc9d70a790f (ios)
http://www.jianshu.com/p/ffe9e8b8dbe6(ios)
http://www.jianshu.com/p/2baeac04275e?mType=Group(ios)
http://blog.csdn.net/u012760183/article/details/53764033(android,跳转到指定RN页面)
http://lib.csdn.net/article/reactnative/55945(android,跳转到指定RN页面)
热更新:
http://blog.csdn.net/vv_bug/article/details/60883436 (android)
https://github.com/913453448/BusinessStore1/blob/master/app/src/main/java/com/businessstore/reactutils/UpdateAndroid.java (android)
https://segmentfault.com/a/1190000008744826(android)
https://github.com/hubcarl/smart-react-native-app/blob/master/android/app/src/main/java/com/react/smart/UpdateReactActivity.java (android)
http://blog.csdn.net/it_talk/article/details/54346566(android,包含详细原理)
http://www.jianshu.com/p/2cb3eb9604ca(android,增量热更新)
http://blog.csdn.net/u013718120/article/details/55096393(android,增量热更新)
http://blog.csdn.net/lcg910978041/article/details/77326765(ios)
http://www.jianshu.com/p/dc527de06b5e(ios)
http://www.jianshu.com/p/fa362da953c7 (微软codepush平台)
https://github.com/reactnativecn/react-native-pushy/blob/master/README.md(国内pushy平台)
http://www.debugrun.com/a/OJB3olV.html(热更新方案)
https://zybuluo.com/garygchai/note/381571(热更新方案)
http://bbs.reactnative.cn/topic/249/react-native%E7%83%AD%E6%9B%B4%E6%96%B0js%E8%84%9A%E6%9C%AC (热更新方案)
差量算法:bsdiff、google-diff-match-patch
预加载:
http://blog.csdn.net/marktheone/article/details/52275154(android)
bundle拆分方案:
http://www.jcodecraeer.com/plus/view.php?aid=7755
https://github.com/pukaicom/reactNativeBundleBreak
QQ音乐团队
去哪儿
https://github.com/changfuguo/react-native-webpackager-server
https://github.com/facebook/react-native/issues/5399 (mc-zone的回答)
http://coofee.github.io/post/react-native-bundle-split/
http://blog.desmondyao.com/rn-split/
常用的三方库:
https://github.com/skv-headless/react-native-scrollable-tab-view (可滑动的Tab切换)
https://github.com/leecade/react-native-swiper (轮播组件)
https://github.com/archriss/react-native-snap-carousel(轮播组件)
https://github.com/oblador/react-native-vector-icons(提供常用的Icon)
https://github.com/happypancake/react-native-tab-navigator(底部Tab切换)
https://github.com/react-native-community/react-native-svg (SVG)
https://github.com/crazycodeboy/react-native-splash-screen (闪屏)
https://github.com/sunnylqm/react-native-storage/blob/master/README-CHN.md(对AsyncStorage的封装)
https://github.com/react-native-community/react-native-linear-gradient(渐变)
储备将来可能用到的库:
http://www.jianshu.com/p/26c143ebe18c(滑动删除组件)
https://github.com/virusvn/react-native-svg-animated-linear-gradient(占位图)
https://github.com/mfrachet/rn-placeholder(占位图)
https://github.com/sohobloo/react-native-modal-dropdown(下拉菜单)
https://github.com/meteor-factory/react-native-tinder-swipe-cards(类似卡片进入飞出效果)
https://github.com/chitezh/react-native-swiper-animated(类似卡片进入飞出效果)
https://github.com/react-native-community/react-native-modal(对modal的封装)
https://github.com/react-native-community/react-native-blur(毛玻璃效果)
https://github.com/jaxchow/react-native-rebound-scrollview(Android上scrollview的回弹效果)
https://github.com/react-native-community/react-native-side-menu(侧边栏)
https://github.com/iRoachie/react-native-material-tabs(单纯UI层面的TAB切换)
https://github.com/oblador/react-native-animatable(常用的动效库)
https://github.com/zhouyuexie/react-native-navigator-animation/blob/master/Animation.js(自定义转场动画)
https://github.com/rebeccahughes/react-native-device-info (获取设备信息)
动画:
https://zhuanlan.zhihu.com/p/21301314
http://reactnative.cn/docs/0.28/animated.html#content
https://facebook.github.io/react-native/docs/animations.html#content
http://www.jianshu.com/p/cae606f45c0b (lottie)
路由:
https://reactnavigation.org/
https://reactnavigation.org/docs/guides/linking (唤起功能)
https://wix.github.io/react-native-navigation/#/
本地存储:
https://github.com/sunnylqm/react-native-storage
https://github.com/andpor/react-native-sqlite-storage
https://github.com/realm/realm-js
http://blog.csdn.net/sinat_17775997/article/details/72679951
图片缓存
https://github.com/wcandillon/react-native-img-cache
访问本地相册、保存图片
https://reactnative.cn/docs/0.50/cameraroll.html
https://facebook.github.io/react-native/docs/cameraroll.html#savetocameraroll (最基础选图)
https://github.com/react-community/react-native-image-picker (跳转到相册选图,单张)
https://github.com/ivpusic/react-native-image-crop-picker (多张、带裁剪)
图片相册(放大缩小)
https://github.com/ldn0x7dc/react-native-gallery
https://github.com/ascoders/react-native-image-zoom (配合swipe可实现gallery)
https://github.com/shahen94/react-native-image-fit
https://github.com/alwx/react-native-photo-view (配合swipe可实现gallery)
图片弹出效果
https://github.com/oblador/react-native-lightbox
上传下载(比较全的fetch解决方案)
https://github.com/wkh237/react-native-fetch-blob
网络状态
https://facebook.github.io/react-native/docs/netinfo.html
自定义Icon字体:
http://www.jianshu.com/p/96d5c66791c3
http://www.itwendao.com/article/detail/39581.html
http://www.jianshu.com/p/7db2bc62c5ed
http://www.imbeta.cn/zai-react-nativezhong-you-ya-de-shi-yong-iconfont.html(推荐)
emoji
https://apps.timwhitlock.info/emoji/tables/unicode#block-6c-other-additional-symbols(emoji素材大全)
https://emojipedia.org/white-smiling-face/ (各平台不同表现)
http://www.jianshu.com/p/b8a6da804479 (图片的方式)
https://github.com/AnHongpeng/react-native-emoji-panel (Unicode的方式)
https://github.com/xiewang/react-native-emoticons (Unicode的方式)
https://www.jianshu.com/p/7db2bc62c5ed (react-native icon解决方案(svg))
cookies
https://github.com/joeferraro/react-native-cookies
http://www.jianshu.com/p/9b72f94c432e
性能:
http://reactnative.cn/docs/0.22/performance.html#content(官方已知性能问题汇总)
https://github.com/sghiassy/react-native-sglistview(优化Listview)
http://weibo.com/ttarticle/p/show?id=2309404040272811008385(携程性能优化实践)
http://www.infoq.com/cn/articles/react-native-performance-tuning
安卓性能检测工具systrace
IOS性能检测工具Instruments
crash上报
https://docs.sentry.io/clients/react-native/ (接sentry)
http://techshow.ctrip.com/wp-content/uploads/2016/11/%E6%90%BA%E7%A8%8B%E6%98%AF%E5%A6%82%E4%BD%95%E5%8E%BB%E5%81%9AReact-Native%E4%BC%98%E5%8C%96%E7%9A%84-%E8%B5%B5%E8%BE%9B%E8%B4%B5.pdf (出现场景)
http://blog.csdn.net/tencent_bugly/article/details/51878361 (出现场景)
https://docs.bugsnag.com/platforms/react-native/
调试:
http://blog.csdn.net/quanqinyang/article/details/52215652(技巧、心得)
https://github.com/facebook/react-devtools/blob/master/packages/react-devtools/README.md(工具)
https://storybook.js.org/(Component UI单元预览、测试)
http://www.jianshu.com/p/36cbd8393288(关于storybook的使用)
问题解决思路
http://blog.csdn.net/u014168594/article/details/53336881 (获取当前元素的位置)
https://segmentfault.com/a/1190000004923877(导航设计)
http://www.atjiang.com/css-extending-clickable-area/ (扩大点击区域)
http://www.jianshu.com/p/43c22fa3b42c (扩大点击区)
https://github.com/rccoder/blog/issues/25 (优雅的键盘弹出方案)
https://yj1438.github.io/2016/08/14/rn_sceneconfigs.html(react-native-navigator自定义转场动画)
https://germinate.github.io/(react-navigation自定义转场动画)
http://www.alloyteam.com/2016/03/best-practice-in-react-native/ (首屏渲染优化)
http://www.jianshu.com/p/3be237e63976 (ios一键打包脚本)
最佳实践:
reading
石墨
携程
Glow
手Q狼人杀
京东 (参考RN优化点)
http://www.10tiao.com/html/241/201612/2650686789/1.html(途牛)
https://ivweb.io/topic/5906feb806f26845b620dd82
UI库
https://docs.nativebase.io/#Introduction
组件库文档参考:
http://ued.qunar.com/qrn/component-ProgressView.html(去哪儿)
react-native-web
https://www.jianshu.com/p/917c35c0b0b4
其它
友盟统计SDK
expo:Easily build apps with React Native
google统计