为iOS和Android构build具有本机性能的混合React应用程序

是否可以使用Facebook的React JavaScript框架为iOS和Android构build应用程序,提供与原生应用程序几乎相同的性能?

Solutions Collecting From Web of "为iOS和Android构build具有本机性能的混合React应用程序"

直到2015年1月,使用在WebView组件内部运行React JavaScript部件的混合方法将是唯一的select,使用像Apache Cordova这样的框架,这种方法具有典型的缺点。 像JavaScript的垃圾收集这样的任务可能会减慢应用程序的本地部分,导致跳过帧,使应用程序感觉呆滞。

1月28日, Facebook在React.js Conf 2015 上宣布了React Native项目。 React Native将是一个开放源码项目,它可以本地呈现使用React for iOS和Android构build的HTML5应用程序。 React Native已被Facebook内部用于构build应用程序,如iOS的Facebook Groups应用程序。

技术上React Native在后台线程中运行React应用程序的JavaScript代码。 收集虚拟dom的更新,所有更改都通过API发送到应用程序的本机部分。 通过这样做,React Native避免了通过使应用程序等待未完成的JavaScript操作来降低应用程序的FPS速率。

Facebook宣布,在React.js Conf 2015之后不久,Github上将提供React Native的源代码。与会者将于2015年1月29日访问Github存储库。

更新:第二个演示video,带有一些技术细节React.js Conf 2015 Keynote 2 – 深入探索React Native现在已经在Youtube上了。 在演示期间,Facebook宣布iOS和Android的布局和框模型引擎呈现的源代码可以在Github的以下仓库中获得: github.com/facebook/css-layout

用于React Native的animation库的iOS版本位于https://github.com/facebook/pop

更新2:现在在Github上可用的源代码React Native源代码现在可用https://github.com/facebook/react-native

更新3:React团队2015年9月发布Android支持 https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native -app /

开始使用React Native Android开发的说明可以在这里find: https : //facebook.github.io/react-native/docs/android-setup.html

如上所述,您只能使用React Native for iOS。

如果你想在两个平台上使用React:

  • 看看Reapp( http://reapp.io/ )。 这是一个React + Javascript框架,用于构build带有很酷function的iOS和Android应用程序。
  • 也许试试Touchstone( http://touchstonejs.io/ )。 基本上:React + Cordova + HTML5 / CSS3 UI。 文档也即将推出。