React 是一个用于构建用户界面的 JavaScript 库. React 主要用于构建 UI, 很多人认为 React 是 MVC 中的 V(视图).React 起源于 Facebook 的内部项目, 用来架设 Instagram 的网站, 并于 2013 年 5 月开源.
React 拥有较高的性能, 代码逻辑非常简单, 越来越多的人已开始关注和使用它.
需要先学 JS, 然后学习 react. 在开始学习 React 之前, 需要具备以下基础知识:
React 完全是关于 JavaScript 的, 学习 React 前提必须拥有 JavaScript 和 DOM 知识. 而且, 有很多材料是关于 JavaScript 而不是 React.
其中大部分是 JavaScript ES6 及其特性和语法, 还包括三元运算符, 简化的语法, this 对象, JavaScript 内置函数 (map,reduce,filter) 或更一般的概念, 如可组合性, 可重用性, 不变性或高阶函数.
react 示例:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8" />
- <title>
- Hello React!
- </title>
- <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js">
- </script>
- <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js">
- </script>
- <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js">
- </script>
- </head>
- <body>
- <div id="example">
- </div>
- <script type="text/babel">
- ReactDOM.render( < h1 > Hello, world ! </h1>,
- document.getElementById('example')
- );
- /
- </script>
- </body>
- </HTML>
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/react/14248.html