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’ ])
