ES2015(es6)
React-Nativ 移动app开发
发布时间：2019-08-20 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了React-Nativ 移动app开发，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
React-Nativ
标签（空格分隔）： ReactNative
前景知识
nodejs react reactj
hybrid app (native + web)
环境搭建：ReactNative中文网： https://reactnative.cn/
npm（全称Node Package Manager，即node包管理器）.
react native 启动服务端：npm star
查看打包后的脚本 http://localhost:8081/index.a...
基础语法
React
What’s React
React是一个用于组建用户界面的JavaScript库，让你以更简单的方式来创建交互式用户界面。
当数据改变时，React将高效的更新和渲染需要更新的组件。声明性视图使你的代码更可预测，更容易调试。
构建封装管理自己的状态的组件，然后将它们组装成复杂的用户界面。由于组件逻辑是用JavaScript编写的，而不是模板，所以你可以轻松地通过您的应用程序传递丰富的数据，并保持DOM状态。
一次学习随处可写，学习React，你不仅可以将它用于Web开发，也可以用于React Native来开发AndROId和iOS应用
心得：上图是GITHub Popular的首页截图，这个页面是通过不同的组件组装而成的，组件化的开发模式，使得代码在更大程度上的到复用，而且组件之间对的组装很灵活。
Get Started
使用React之前需要在页面引入如下js库 。
上面一共列举了三个react.js 、react-dom.js 和 browser.min.js ，它们必须首先加载。其中，react.js 是 React 的核心库，react-dom.js 是提供与 DOM 相关的功能，browser.min.js 的作用是将 JSX 语法转为 JavaScript 语法，这一步很消耗时间，实际上线的时候，应该将它放到服务器完成。
你可以从React官网下载这些库，也可以将其下载到本地去使用。
使用Reac
解压从上述地址下载的压缩包，在根目录中创建一个包含以下内容的 “helloworld.htML” 。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="build/react.js"></script>
<script src="build/react-dom.js"></script>
<script src="https://npmcdn.COM/babel-core@5.8.38/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.('example')
);
</script>
</body>
</html>