ReactNative Development Practices List

• routing-and-navigation-in-react-native

• react-navigation

• Building a Facebook Paper-like UI with React Native

• Linking Animations to Scroll Position in React Native

• react-native-animation-book

• react-native-s-layoutanimation-is-awesome

• react-native-auto-updater

• animate-all-the-things-transitions-in-android

• React Native For Android 架构初探

• React Native Android 版核心层 js-bridge 实现浅析

• React Native 之底层源码分析篇

• BRIDGING IN REACT NATIVE

• 2017-React Native: developing using best practices: I am one of those who felt in love at first sight with it, so I will try to find out the best practices that should be applied to a React Native project in order to have an understandable, easily maintainable and scalable, and highly performant mobile app.

Build: 构建

Debug: 调试

• react-native-debugger : The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools

Test: 测试

EPractices

Performance

• performance-limitations-of-react-native-and-how-to-overcome-them

• 2017-I made React Native fast, you can too: The purpose of this article is to walk you through how you can use Native tools to track down and fix performance issues in your React Native app.

• 携程是如何做 React Native 优化的

• 2016-React Native 痛点解析之性能调优：自从 React Native 出世，虽然官方一直尽可能的优化其性能，为了能让其媲美原生 App 的速度，但是现实感觉有点不尽人意。接下来介绍下实践中遇到的一些性能问题以及优化方案。以下对性能参数的依据是来自于 React Native 自带的 FPS Monitor.。

• Moving Beyond Animations to User Interactions at 60 FPS in React Native: The async nature of the React Native bridge incurs an inherent performance penalty, preventing JavaScript code from running at high framerates. Modern animation libraries, like Animated, address this by minimizing passes over the bridge. User interactions, where UI continuously reacts to the user’s gestures, are a step further. How can we run those at 60 FPS?

• 5 ways we improved our React Native app: A real world scenario of enhancing performances.

• 2017-React Native Performance in Marketplace

CrossPlatform

• 2016-React-Web-Intro

• Ways to pass objects between native and JavaScript in React Native

• 2017-React Native Performance — An Updated Example: I’m working on my performance talk for React Amsterdam 2017, which is based on the post “Performance Limitations of React Native and How to Overcome Them”. I’ve decided to freshen up the example we’ll be discussing in order to walk through some exciting new API available today.

• 2017-React Native for Web : React Native components and APIs for the Web.

Production

• 2017-React Native 拆包及热更新方案：随着 React Native 的不断发展完善，越来越多的公司选择使用 React Native 替代 iOS/Android 进行部分业务线的开发，也有不少使用 Hybrid 技术的公司转向了 React Native。要说 React Native 最能吸引开发者的地方那就是其拥有前端的开发速度以及原生的体验。

• 2017-11 mistakes I’ve made during React Native / Redux app development: After working almost a year with React Native I decided to describe mistakes that I’ve made while being a beginner.

• 2017-Powering UberEATS With React Native and Uber Engineering