![](https://img-blog.csdnimg.cn/20190910182016435.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React.js
前端工程开发组件式UI框架ReactJS学习指南。
DrCrypto
这个作者很懒,什么都没留下…
展开
-
【React】添加新组件
环境准备安装create-react-app通过安装create-react-app,我们可以在本地创建前端应用。npm install -g create-react-app紧接着我们可以创建一个项目:create-react-app first_react_appcd first_react_appnpm start基于组件开发应用这是React开发的首要思想。组件是什...原创 2018-12-13 17:36:26 · 1953 阅读 · 0 评论 -
【React】JSX
JSX是对JavaScript的语法拓展,使得我们可以在JS中编写像HTML一样的代码。比如:// index.jsReactDOM.render( <ClickCounter />, document.getElementById('root'));这里的<ClickCounter />就是JSX代码。我们可以在JS代码中直接使用类似HTML的语法,但...原创 2018-12-13 22:07:40 · 233 阅读 · 0 评论 -
【React】设计高质量的React组件
内容大纲划分组件边界的原则React组件数据种类React组件的生命周期React应用将围绕着组件的设计展开,所以关于组件的设计至关重要。设计易于维护的组件原则任何一个复杂的应用,都是由一个简单的应用发展而来。软件设计的通则:高内聚,低耦合。在前端开发中,HTML负责页面显示,交互放在JS,样式放在CSS文件,从功能角度来说,模块划分明确,但是不满足高内聚的原则。Reac...原创 2018-12-13 22:54:03 · 308 阅读 · 0 评论 -
【React框架-1】React概览
什么是React.js?用于构建用户界面的库由Facebook创建维护MVC中的V可以运行在Client &amp;&amp; Server虚拟DOM虚拟DOM对真实的DOM进行了抽象,所以使得编程更加简单是剪裁版的DOM,只更新这些DOM的部分更快单向数据流动为何使用React.js?简单 :React管理所有的UI更新声明式:知道刷新时只更新应用的一部分可读...原创 2018-12-11 18:23:56 · 274 阅读 · 0 评论 -
【React-2】组件开发初步探索
得强调的是,在React 16之后,React.createClass语法就没了,取代的是class Welcome extends React.Component{},在后面的项目中会用最新版本的写。这里暂时以0.14.7作为学习版本,核心逻辑没有大的不同,细节之处需要额外注意。另外,browser的版本,也没有用最新的6.xx版本,用的是5.8.25.&lt;!DOCTYPE html&...原创 2018-12-11 19:14:36 · 250 阅读 · 0 评论 -
【React-3】添加属性
<!DOCTYPE html><html><head> <title> Learning React.js </title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.原创 2018-12-11 19:39:42 · 1115 阅读 · 0 评论