react-native
react-native copied to clipboard
A user guide and principle analysis for React Native。Note:The project has been moved to https://github.com/guoxiaoxing/vinci
React Native
![](https://github.com/guoxiaoxing/awesome-react-native/raw/master/art/react_native_banner.png)
关于作者
郭孝星,非著名程序员,主要从事Android平台基础架构与中间件方面的工作,欢迎交流技术方面的问题,可以去我的Github提交Issue或者发邮件至[email protected]与我联系。
文章持续更新中...
ReactNative基础篇
本篇系列文章主要介绍ReactNative的基本组件以及一些基本用法。
- 011ReactNative基础篇:环境配置与编译
- 02ReactNative基础篇:基本概念
- 03ReactNative基础篇:基本组件-View
- 04ReactNative基础篇:基本组件-Text、TextInput与Button
- 05ReactNative基础篇:基本组件-ScrollView、ListView
- 06ReactNative基础篇:基本组件-MapView
- 07ReactNative基础篇:基本组件-WebView
- 08ReactNative基础篇:基本组件-Modal
- 09ReactNative基础篇:基本组件-Navigator
- 10ReactNative基础篇:基本组件-Picker
- 11ReactNative基础篇:基本组件-Slider
- 12ReactNative基础篇:基本组件-Switch
- 13ReactNative基础篇:基本组件-Touchable系列
- 14ReactNative基础篇:基本组件-DrawerLayoutAndroid
- 15ReactNative基础篇:基本组件-ProgressBarAndroid
- 16ReactNative基础篇:基本组件-ToolbarAndroid
- 17ReactNative基础篇:基本组件-ViewPagerAndroid
- 18ReactNative基础篇:网络请求
- 19ReactNative基础篇:网页浏览器、音视频媒体播放
ReactNative源码篇
本篇系列文章主要分析ReactNative源码,分析ReactNative的启动流程、渲染原理、通信机制与线程模型等方面内容。
- 1ReactNative源码篇:源码初识
- 2ReactNative源码篇:代码调用
- 3ReactNative源码篇:启动流程
- 4ReactNative源码篇:渲染原理
- 5ReactNative源码篇:线程模型
- 6ReactNative源码篇:通信机制
ReactNative基础篇
本篇系列文章主要从性能优化、崩溃监测等方面进一步阐述ReactNative在生产环境下的最佳实践以及改进优化。
- 01ReactNative实践篇:架构实践
- 02ReactNative实践篇:性能优化
- 03ReactNative实践篇:崩溃监测
附录
React Native优秀资料
推荐一些关于React Native的比较高质量资料。
- Awesome React Native:Awesome React Native components, news, tools, and learning material!
- react-native-guide:React Native指南汇集了各类react-native学习资源、开源App和组件
- fangwei716/30-days-of-react-native
- fbsamples/f8app
- 构建 F8 App / React Native 开发指南
React Native技术分享
前段时间在公司分享会上做了关于React Native实现原理的分享,以下是分享会的PPT。
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8701.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8702.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8703.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8704.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8705.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8706.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8707.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8708.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8709.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8710.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8711.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8712.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8713.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8714.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8715.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8716.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8717.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8718.png)
![](https://github.com/guoxiaoxing/react-native/raw/master/art/source/ppt/%E5%B9%BB%E7%81%AF%E7%89%8719.png)