ChelesteWang / react-native-best-practice

react native 最佳实践

react-native-best-practice

react native 最佳实践

TODO

• 创建初始化项目
• 底部 tab 导航实践
• header 配置实践
• alias 配置
• 组件绑定事件实践

实践踩坑集锦

• 搭建 React Native 开发环境
• react native 路由实践
• IOS & Android 样式统一
• 组件绑定事件实践
• 上拉刷新与虚拟列表实践

相关生态框架

• UI 组件库: react-native-ui-kitten
• 路由框架及组件: React Navigation
• React Native 样式管理: styled-components
• 脚手架: react-native-template-typescript
• 加载闪屏: react-native-splash-screen
• 轮播图: react-native-swiper
• Tab 栏: react-native-tab-view
• 阴影: react-native-drop-shadow
• 渐变: react-native-linear-gradient
• 移动端调试工具: Flipper
• 样式集中式管理方案: restyle
• 接口请求与缓存
• 离线存储: async-storage
• icon 方案(iconfont 生成 RN 组件):react-native-iconfont-cli
• 富文本: react-native-htmlview
• 懒加载：懒加载