react native学习笔记

 flex-grow

定义伸缩项目的放大比例,默认为0,即表示如果存在剩余空间,也不放大

flex-shrink

定义伸缩项目的收缩能力,默认为1,

组件生命周期

componentDidMount

componentWillUnmount

onPress点击

viewpager

https://github.com/race604/react-native-viewpager

快速学习

http://blog.csdn.net/quanqinyang/article/details/52215658

app框架

https://github.com/crazycodeboy/GitHubPopular

react native svg动画

屏幕宽度

Dimensions.get('window').width;

点击高亮

TouchableHighlight

视频

http://ninghao.net/video/3094

自定义组件  最后一行

export{Main asdefault}

引入时

importMainPagefrom'./main.js';

export default class Login extends Component{

position :absolute| relative

获取像素点

PixelRatio.get()

Image.resizeMode来适配图片布局,包括contain, cover, stretch

子组件引用

this.refs[btn].startAnimation();

点击高亮按钮TouchableOpacity

特效库集合

https://js.coach/react-native/react-native-redux-routing?page=2


开发神器

https://segmentfault.com/a/1190000003698071


解决输入框被键盘遮挡问题

https://js.coach/react-native/react-native-keyboard-aware-scroll-view?page=2


redux-rx

数据state本地存储

redux-persist

http://www.tuicool.com/articles/JFj6RfF



http://www.360doc.com/content/16/0824/16/16002580_585612496.shtml

http://gold.xitu.io/tag/React%2520Native

http://www.jianshu.com/p/fd4558f1a928

http://www.wtoutiao.com/p/282JKg8.html

http://www.lcode.org

http://mp.weixin.qq.com/s?__biz=MzAwMTYwNzE2Mg==&mid=2651036614&idx=1&sn=48a9885e13d896fa0b0b6344cda8e356&scene=0#wechat_redirect

热更新:微软的codepush

解决频繁渲染的问题:PureComponent和Immutable-js

全家桶系列之normalize


android react native模块预加载http://blog.zhaiyifan.cn/2016/08/20/react-native-0-31-preload-optimization/


react 代码风格统一工具EditorConfig


React Native 性能优化之可取消的异步操作https://github.com/crazycodeboy/RNStudyNotes/tree/master/React%20Native%20性能优化/React%20Native%20性能优化之可取消的异步操作


redux-saga 

https://zhuanlan.zhihu.com/p/21399936


列表侧边拉出menu

https://js.coach/react-native/react-native-swipeout?search=swip

https://js.coach/react-native/rc-swipeout?search=swip


wheel滚轮

https://js.coach/react-native/react-native-wheel-picker


redux高级篇

http://cn.redux.js.org/docs/recipes/ReducingBoilerplate.html


对redux性能的疑惑

https://www.zhihu.com/question/41904561


学习资料

http://www.jianshu.com/p/d78696e9db3f

你可能感兴趣的:(react native学习笔记)