redux概念 redux是一个状态管理容器,使用redux可以更好的管理和监测组件之间需要通信的数据。 redux基本原则 单一数据源 在redux中,整个应用保持一个数据源,数据源是一个树形的结构 状态只读 状态只读…
分类:react.js
操作虚拟dom模拟react视图渲染
1.为什么要使用虚拟dom? 网页性能优化->尽量少操作DOM 2..虚拟DOM(Virtual DOM) VS js直接操作原生DOM(innerHTML) function Raw() { var data =…
初识React(6):propTypes类型检测
propTypes是react中用来对参数进行类型检测的,当然要使用这个插件,得先安装这个插件,如下: npm install prop-types --save 但是如果你是直接用dva创建的项目,无需安装,直接引入即…
精读《React16 新特性》
1 引言 于 2017.09.26 Facebook 发布 React v16.0 版本,时至今日已更新到 React v16.6,且引入了大量的令人振奋的新特性,本文章将带领大家根据 React 更新的时间脉络了解 R…
慕课 《React.js入门基础与案例开发》 总结
慕课 《React.js入门基础与案例开发》 总结 最近在慕课网听了React入门的项目,写篇文章小结一下,为这个课程画上一个句号。 1.预备知识 这个课程的内容是用React写一个新闻网页,我们用npm来管理项目,且使…
JSX 简易入门
首先,严格定义上来说,JSX 是 react 提供的一种标签式的组件声明语法。JSX 只是一种js语言的扩展语法糖,在正式环境运行前,需要经过 babel 工具编译为正式的 JS 代码。 在正式介绍JSX 之前,我们有必…
阿里云前端周刊 - 第 16 期
推荐 1. 神经网络入门 http://www.ruanyifeng.com/blo… 眼下最热门的技术,绝对是人工智能,人工智能的底层模型是”神经网络”(neural network…
React 使用相对于根目录进行引用组件
在对自己开发的组件中经常会做诸如以下的引用: import genFetchEntryListArgs from '../../../utils/table/genFetchEntryListArgs'; import …
React.js 小书 Lesson21 - ref 和 React.js 中的 DOM 操作
React.js 小书 Lesson21 – ref 和 React.js 中的 DOM 操作 本文作者:胡子大哈本文原文:http://huziketang.com/books/react/lesson21…
webpack4配置完整的react的项目(一:开发环境配置)
webpack4配置完整的react的项目(一:开发环境配置) 初始化项目 npm init 一直回车就好 安装依赖 npm i --save react react-dom npm i --save-dev babel…
Parcel + react + ts 的脚手架
一开始 creat-react-app一直让我很舒服,不管是结合TS还是开发组件,突然有一天 npm run build Creating an optimized production build...(预计10分钟通…
ES6 export 和 export default的区别
ES6中 export 和 export default 与 import使用的区别,使用 react native 代码详解 一、使用export 和 import 1、export 定义导出一个子组件 Greetin…