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