React
React 学习之路 （一） 概述
发布时间：2019-06-07 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了React 学习之路 （一） 概述，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
react 概述
React是一款构建用户界面的js库,如果你熟悉MVC的话react 就是 其中的view。可以简单的理解为是React将帮助我们将界面分为一个一个独立的小块，每一块都是一个组件，这些组件可以组合、嵌套、就完成了我们的整个页面。
React是一个库，并不是一个框架，它只提供UI层面的解决方案。在实际开发中可能需要借助其他库，如： redux、react-router等来协作完成任务。
React的发展
1. faceBook内部用来开发Instagram
2. javascript MVC框架
3. 2013年开源
4. 随后发布了React NativeReact的特点
-
虚拟DOM: React也是以数据驱动的，每当数据发生变化的时候，React就会扫描整个虚拟DOM树，自动计算与上次的虚拟dom的差异，然后针对需要改动的地方进行重新渲染。（这一点跟Vue即为类似）
-
组件化: React将整个功能界面，进行UI分解，得到不同的组件，个组件独立封装，，整个UI就是由一个一个的小组件来实现的一个大组件，每个组件只关系自身的逻辑，彼此独立又存在一定的联系。（这一点跟Vue即为类似）
-
单项数据流: React的设计里面跟Vue的双向数据绑定不同，采用的是单项数据流（从父节点传递到子节点）。
react下载
入门helloworld实例
一、下载两个文件
- react.js： 实现React核心逻辑，且于具体的渲染引擎无关，从而可以跨平台公用。
- react-dom.js：包含了具体的DOM渲染更新逻辑，以及服务端渲染的逻辑，这部分就是与浏览器相关的部分了。
二、引入这两个文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=Edge">
<title>Document</title>
</head>
<body>
<div id="app"></div>
<script src="../react/react.js"></script>
<script src="../react/react-dom.js"></script>
<script>
// React.createClass 注册一个组件类
var helloworldComponent = React.createClass({
render: function() {
// 通过React.createElement创建html内容
return React.createElement('h1', null, 'helloworld');
}
})
// ReactDOM.render 用于将模板转换为html语言，并插入dom节点
ReactDOM.render(
React.createElement(helloworldComponent, null),
document.getElementById('app')
)
</script>
</body>
</html>脚本宝典总结
以上是脚本宝典为你收集整理的React 学习之路 （一） 概述全部内容，希望文章能够帮你解决React 学习之路 （一） 概述所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
猜你在找的React相关文章
- 告别webpack react 搭建多页面之痛 2019-06-16
- React-Native 写了个 Douban App 2019-06-05
- react可高度配置表格/列表组件（react-tabllist） 2019-08-05
- reactjsweekly -- React Chrome Dev Tool!! React.js开发者的福音啊！ 2019-06-28
- React Router V4 正式版发布 2019-06-19
- React学习笔记1---起步 2019-06-06
- react 自学之路 2019-06-06
- react生成二维码的插件 2019-06-23
- React-StepPitGuide《React踩坑指南》- React基础知识 2019-06-13
- 学习 React:是 ES6还是 React? 2018-11-17
全站导航更多
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
最新React教程