React---入门(1)
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>
最新文章
- 搭建 SVN 服务器
- jquery----常用的函数
- 对状态空间图搜索的几种算法比较(图)【深度、宽度、动态规划(均一代价)、最佳优先和A*算法】
- Vue系列:如何将百度地图包装成Vue的组件
- android学习笔记13——ExpandableListView
- ORA-00257错误
- 任务(Tasks)
- Matlab编程实例(4) 相位角与相关系数曲线
- 远程连接mysql速度慢的解决方法
- js 设置导航固定
- python 多线程批量传文件
- Node.js UDP/Datagram
- Hibernate HQL ③
- UVa LA 4636 Cubist Artwork 难度: 0
- Fixed the bug:while running alert/confirm in javascript the chrome freezes
- How can I add a site title refiner
- day_6.8 py 网络编程
- Spark学习:ShutdownHookManager虚拟机关闭钩子管理器
- JAVA_概念01_跨域
- Spring 注解(一)Spring 注解编程模型
热门文章
- DOM-based XSS Test Cases
- 瑞芯微发布最新旗舰应用处理器-RK3588
- 解决Error:All flavors must now belong to a named flavor dimension. Learn more at...
- windows创建域共享文件
- July 06th. 2018, Week 27th. Friday
- 如何用人工的方式将Excel里的一堆数字变成一个数组
- iOS 11: CORE ML—浅析
- Redux进阶(一)
- Linux 桌面玩家指南:13. 使用 Git 及其和 Eclipse 的集成
- UEditor单图上传跨域问题解决方案