Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kennytian/learning-react-native

React Native Learning Notebook
https://github.com/kennytian/learning-react-native

android codepush react-native redux xcode

Last synced: about 1 month ago
JSON representation

React Native Learning Notebook

Awesome Lists containing this project

README

        

# React Native 学习笔记

欢迎您帮忙纠错, 一起帮助更多的人,学习交流 QQ 群:[413381701](http://shang.qq.com/wpa/qunwpa?idkey=3b9474dacbf35e4a9659e89399758406e510e5b8a3f81109f7d07efaadc6056d)

[![LICENSE](https://img.shields.io/badge/license-Anti%20996-blue.svg)](https://github.com/996icu/996.ICU/blob/master/LICENSE)
[![CircleCI](https://circleci.com/gh/Kennytian/learning-react-native.svg?style=svg)](https://circleci.com/gh/Kennytian/learning-react-native)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/Kennytian/learning-react-native/pulls)

### React Native

* [React Native 在 Windows 环境搭建](./environment/config-environment-on-windows.md)
* [React Native 常用控件](./components/popular-component.md)
* [React Native API 学习](./api/react-native-api.md)
* [React Native 坑大发](./environment/react-native-pit.md)
* [React Native 命令大全](./api/react-native-commands.md)
* [一句技巧](./others/one-word-tips.md)
* **[React Native 面试题](./others/react-native-interview.md)**
* [React Native ESLint & Airbnb 配置](./environment/react-native-eslint.md)
* [用 TypeScript 来开发 React Native](./advanced/with_typescript.md)
* [开发 React 自定义组件](./advanced/custom-components.md)
* [StyleSheet 源码](./advanced/source-code/stylesheet.md)

### 开发工具

* [WebStorm 一键运行 Android 项目](./ide/webstorm/run_with_npm.md)
* [用 WebStorm 调试 React Native]
* [React Native Debugger](./ide/react-native-debugger.md)
* [storybook]
* [reactotron]

### Node 相关

* [Node 命令切换 iOS 打 Debug 或 Release 包](./articles/xcscheme-switcher.md)
* [package.json 的 dependencies 里有趣现象](./articles/funny-package-dependencies.md)
* [实用 package scripts 配置](./others/package-scripts.md)
* [下载 yarn 源码安装方法](./articles/install-yarn-with-sourcecode.md)
* [记一次 yarn 升级失败原因](./articles/upgrade-yarn-faild.md)
* [package-lock.json 与 yarn.lock](./articles/package-lock-and-yarn-lock.md)
* [使用 NVM 管理不同的 Node.js 版本](./environment/nvm.md)

### 最佳拍档

* [Immutable 基础](./others/first-immutable.md)
* [Immutable 实战](./others/action-immutable.md)
* [Redu 之 Action](./redux/action.md)
* [Redu 之 Reducer](./redux/reducer.md)
* [Redu 之 Store](./redux/store.md)
* [Redux-Saga](./redux/redux-saga.md)
* [mobx](./mobx/first.md)
* [修改 ESLint 错误提示](./articles/fix-eslint-error-hint.md)

### 原生集成

* [集成微信登录至 React Native 项目中](./components/login-with-wechat.md)
* [将 React Native 集成至现有 Android 项目中](https://github.com/Kennytian/embedded)
* [React Native Module for CodePush 入门](./components/code-push-basic.md)
* [React Native Module for CodePush 实战](./components/code-push-action.md)

### Mock 与测试

* [easy-mock 介绍]
* [Jest 测试之网络请求](./api/jest-in-action-network-request.md)
* [Jest 测试之 React Components](./api/jest-in-action-components.md)
* [Jest 测试之 ReduAction](./api/jest-in-action-redux-action.md)
* [Jest 测试之 ReduReducer](./api/jest-in-action-redux-reducer.md)
* [React Native 自动化测试之 Detox]

### 原生开发

* [开发 Native Modules 供 JS 调用](./components/develop-native-modules.md)
* [Gradle 知识点](./gradle/gradle-basic.md)
* [Maven 知识点]
* [Objective C 基础知识](./api/learning-objective-c.md)
* [Xcode 知识点](./environment/xcode.md)

### 崩溃与埋点

* [react-native-fabric]
* [react-native-sentry]
* [bugsnag-react-native]
* [react-native-instabug]
* [react-native-google-analytics-bridge]
* [纯 JS 崩溃信息收集 fundebug-reactnative](./articles/fundebug-reactnative.md)

### 上架与市场

* [开发 iOS 内购遇到的坑](./environment/app-in-purchase-issues.md)
* [提交 App Store 审核总结](./others/app-store-reject.md)
* [用 Jenkins CI 打 Android 和 iOS 包](./environment/react-native-ci.md)

### 性能优化

* [了解 React Fiber](./advanced/about-react-fiber.md)
* [React Native 性能优化](./advanced/performance.md)
* [记一次 Redu 持久化性能优化](./articles/redux-persist-optimized.md)
* [实战项目版本升级历程](./advanced/version-upgrade.md)

### 服务端

* [Serverless 入门(一) - 创建 IAM](https://www.jianshu.com/p/9fb731a799e2)
* [Serverless 入门(二) - HelloWord](https://www.jianshu.com/p/ddf2ffda5f63)
* [Serverless 入门(三)- 初始项目解读](https://www.jianshu.com/p/8baba2a8fe9f)
* [Serverless 入门(四)- 如何调试](https://www.jianshu.com/p/58d30915de8a)
* [Serverless 入门(五)- 常用命令](https://www.jianshu.com/p/28f001ea9d9d)
* [Serverless 入门(六)- DynamoDB 数据库(上)](https://www.jianshu.com/p/c313b61d1cbf)
* [Serverless 入门(七)- DynamoDB 数据库(中)](https://www.jianshu.com/p/05e7f4ccd6fe)
* [Serverless 入门(八)- DynamoDB 数据库(下)](https://www.jianshu.com/p/0f9f1561ec46)
* [Serverless 入门(九)- 权限](https://www.jianshu.com/p/97228749d761)

### TODO

* [Native Modules 原理]
* [拆分 JS bundle]
* [增量更新]
* [自己开发一个 React Native]
* [FlatList 原理]
* [ImageEditor/ImageStore/CameraRoll 等. RN 照片组件能否做的和 Native 一样]
* [ReactNavigator 和 React Router 的相关和不同]
* [React Native 动画到底能有多炫酷?]
* [React Native 手势的高级操作]
* [JS Native 通讯]
* [JS packager 与拆包]
* [RN 框架的整体设计]
* [Native Web web-serverswork 小程序 加载的相同和不同]
* [Native Web RN 三种页面之间的本地通讯]
* [RN 与 flutter 区别]