React
Radom7
一个正在驶向架构师的软件工程师
展开
-
React之简介和安装
React简介:React 是一个用于构建用户界面的 JavaScript 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 特点:1.声明式设计 −React采用声明范式,可以轻松描述应用。2.高效 −React通...原创 2018-11-13 13:54:49 · 157 阅读 · 0 评论 -
React之元素渲染
元素渲染元素是构成 React 应用的最小单位,它用于描述屏幕上输出的内容。const element = <h1>Hello, world!</h1>;与浏览器的 DOM 元素不同,React 当中的元素事实上是普通的对象,React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。将元素渲染到 DOM 中首先我们在一个 HTML 页...原创 2018-11-16 14:36:05 · 162 阅读 · 0 评论 -
React之JSX
React JSXReact 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。我们不需要一定使用 JSX,但它有以下优点:JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。它是类型安全的,在编译过程中就能发现错误。使用 JSX 编写模板更加简单快速。...原创 2018-11-16 15:10:52 · 207 阅读 · 0 评论 -
React之组件
组件组件可以将UI切分成一些独立的、可复用的部件,这样你就只需专注于构建每一个单独的部件。组件从概念上看就像是函数,它可以接收任意的输入值(称之为“props”),并返回一个需要在页面上展示的React元素。函数定义/类定义组件定义一个组件最简单的方式是使用JavaScript函数:function Welcome(props) { return <h1>Hello, {...原创 2018-11-16 15:26:53 · 155 阅读 · 0 评论