React Native 相关学习

layout: post title: “React Native Learning” description: "" category: devtech/react tags: [react native] top: true

React 相关

• React 官网
• Ant Design 蚂蚁金服ui库
• Ant Design Pro 上手备忘录
• Bi Sheng 转化 markdown 文档为静态单页面 React 应用
• 從零開始學 ReactJS
• React 中文文档
• React 最佳实践——那些 React 没告诉你但很重要的事
• 基于 Jest + Enzyme 的 React 单元测试
• How to debug Jest tests with VSCode
• react-motion React 动画效果库
• redux-saga 实践总结
• 集成方案：
  • React + Redux + RESTfulAPI
  • React + Relay + GraphQL
• Relay： 全新的React数据获取框架
• antizer ClojureScript library for Ant Design React UI components
• React Loadable A higher order component for loading components with promises. 用 promise 加载组件的高阶组件，可用于 React 显示加载、代码分离、服务端渲染等。
• roadhog Cli tool for creating react apps, configurable version of create-react-app. 创建可配置的 React 应用的命令行工具，集成了 Jest, Enzyme 等。

在组件间共享函数的方法：

参考此文：通过示例理解 React 的 render props 技巧

• render props, 更适合只读的函数，例如跟踪滚动条、鼠标动作等；
• HOC(High order component), 更适合较复杂的方法，如 local storage 等；

相关文档资料

• react-devtools
• React Developer Tools
• 比 React Native 更好的选择：Flutter 使用 Dart 语言编写 App。
• React Native是原生开发的末日吗？
• React Native: Is it the end of native development?

Style 的笔记

• alignItems ReactPropTypes.oneOf([ ‘flex-start’, ‘flex-end’, ‘center’, ‘stretch’ ])
  • stretch 向两边伸展
• alignSelf ReactPropTypes.oneOf([ ‘auto’, ‘flex-start’, ‘flex-end’, ‘center’, ‘stretch’ ])
• flexDirection ReactPropTypes.oneOf([ ‘row’, ‘row-reverse’, ‘column’, ‘column-reverse’ ])
• flexWrap ReactPropTypes.oneOf([ ‘wrap’, ‘nowrap’ ])
• justifyContent ReactPropTypes.oneOf([ ‘flex-start’, ‘flex-end’, ‘center’, ‘space-between’, ‘space-around’ ])