React Native 开发技术点整理

[giscafer]

Working Group

• React Native New Architecture Working Group

脚手架

• https:/RootLinkFE/react-native-template

学习资源

• ES6教程
• typescript
• 搭建开发环境
• react-native-guide中文资源
• How to use create-react-native-app with GraphQL & Apollo
• Redux
• MobX
• RNStudyNotes React Native 研究与实践
• sucese/vinci A user guide and principle analysis for React Native （RN源码导读，从代码调用、启动流程、渲染原理、线程模型、通信机制等诸多方面对 React Native 进行了解读）

调试

• react-native-debugger
• 推荐 https://fbflipper.com/

软件

• android用户推荐：genymotion 模拟器

新手环境

• React Native 错误集合
• Failed to find Build Tools revision 23.0.1
• com.android.builder.testing.api.DeviceException: Could not create ADB Bridge
• "AccessibilityInfo","message":"Unable to resolve module `AccessibilityInfo
• could not connect to development server react native android
• Error running adb: Error running app. Error: Activity not started
• only the original thread that created a view hierarchy can touch its views
• :react-native-video:prepareReleaseDependencies
• No resource found that matches the given name: attr 'android:keyboardNavigationCluster'

某些问题可以尝试cd android && gradlew clean

UI 组件

• NativeBase

插件库

见个人 star : https:/stars/giscafer/lists/react-native

性能测试与优化

• React Native Performance Optimization and Profiling
• Optimizing list render performance in React Native
• Medium上性能优化相关的博文
• Scheduling in React，关于如何让 React 应用快速响应

文章

• 去中心化的 React Native 架构探索

Flutter

• 从架构到源码：一文了解Flutter渲染机制

[giscafer]

Fabric Deep Dive