React是什么?

React 是一个用于构建用户界面的 JAVASCRIPT 库。

React 特点

  • 1.声明式设计 −React采用声明范式,可以轻松描述应用。

  • 2.高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。

  • 3.灵活 −React可以与已知的库或框架很好地配合。

  • 4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。

  • 5.组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。

  • 6.单向响应的数据流 − React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

使用react需要依赖的基本库:

<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>

react.development.js:React的核心库,用于创建UI

react-dom.development.js:提供与DOM相关的功能。用于将创建的UI渲染到浏览器中。

react.js,这是react的核心文件;

react-dom.js,它提供了一些与dom有关的方法;

babel.js,它会将react特有的jsx语法转化为普通的JavaScript语法。

为什么要用React?

1、使用组件化开发方式,符合现代Web开发的趋势
2 、技术成熟,社区完善,配件齐全,适用于大型Web项目(生态系统健全)
3、 由Facebook专门的团队维护,技术支持可靠
4、 ReactNative - Learn once, write anywhere: Build mobile apps with React
5 、使用方式简单,性能非常高,支持服务端渲染
6、 React非常火,从技术角度,可以满足好奇心,提高技术水平;从职业角度,有利于求职和晋升,有利于参与潜力大的项目

实列:

依赖库:

<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>

HTML:

<div id="example"></div>

reactJS:
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
</script>

最新文章

  1. 搭建 SVN 服务器
  2. jquery----常用的函数
  3. 对状态空间图搜索的几种算法比较(图)【深度、宽度、动态规划(均一代价)、最佳优先和A*算法】
  4. Vue系列:如何将百度地图包装成Vue的组件
  5. android学习笔记13——ExpandableListView
  6. ORA-00257错误
  7. 任务(Tasks)
  8. Matlab编程实例(4) 相位角与相关系数曲线
  9. 远程连接mysql速度慢的解决方法
  10. js 设置导航固定
  11. python 多线程批量传文件
  12. Node.js UDP/Datagram
  13. Hibernate HQL ③
  14. UVa LA 4636 Cubist Artwork 难度: 0
  15. Fixed the bug:while running alert/confirm in javascript the chrome freezes
  16. How can I add a site title refiner
  17. day_6.8 py 网络编程
  18. Spark学习:ShutdownHookManager虚拟机关闭钩子管理器
  19. JAVA_概念01_跨域
  20. Spring 注解(一)Spring 注解编程模型

热门文章

  1. DOM-based XSS Test Cases
  2. 瑞芯微发布最新旗舰应用处理器-RK3588
  3. 解决Error:All flavors must now belong to a named flavor dimension. Learn more at...
  4. windows创建域共享文件
  5. July 06th. 2018, Week 27th. Friday
  6. 如何用人工的方式将Excel里的一堆数字变成一个数组
  7. iOS 11: CORE ML—浅析
  8. Redux进阶(一)
  9. Linux 桌面玩家指南:13. 使用 Git 及其和 Eclipse 的集成
  10. UEditor单图上传跨域问题解决方案