此篇文章可作为redux源码导读使用,只说明了其中部分核心代码,并进行了一些简化处理 用法回顾 用createStore来创建store 创建Action 在Reducer中编写纯函数来处理Action 用Store.d…
分类:react.js
react学习笔记二----nodejs服务器搭建及异常处理
承接部分 react学习笔记一—–react前端框架的初步搭建 说明 本次学习笔记可能和react没有关系,但是既然要完整的练习,服务器肯定是必不可少的。 该练习采用的nodejs+mysql作为…
【React性能优化】 redux优化
简介:redux的优化方案就是reselect,类似于vue的getter 解决了什么: 我们从store中state获取的数据,需要经过计算换成了组件可使用的数据,每次使用,每次都要重新计算,如果 state tree…
React.js 小书 Lesson7 - 组件的 render 方法
React.js 小书 Lesson7 – 组件的 render 方法 本文作者:胡子大哈本文原文:http://huziketang.com/books/react/lesson7 转载请注明出处,保留原文…
如何使create-react-app创建的react项目支持sass
前言 create-react-app打包同样是用的webpack,所以使其支持sass其实是和我们自行初始化的项目一样的,只是webpack的配置文件所在目录不一样。所以只要找到配置文件所在的目录,然后按照一般webp…
React-Router 杂记
三种Router的区别 1. HashRouter: 即对应url中的hash值,如xx.com/#/a、xx.com/#/a/b, 服务器对任务url都返回同一个url,具体的路径由浏览器区分,因为浏览器不会发送has…
10分钟了解react新特性hooks
Hook 简介 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 useState 这个例子用来显示一个计数器。当你点击按钮,计数器…
新的 Vue Function-based API 当中的看到的 Clojure Atom 的影子
这次 Vue 大会看到了 Vue 新的 API 设计, 中间有一些觉得眼熟的写法,后面也看到了工业聚的一些解读, 大致知道是什么样的用法吧..当然现场演讲过 Vue 具体实现的优化是更复杂的, 比这个 API 要多.. …
react-router4.2使用js控制路由跳转的3种方式
一、背景 在很多情况下,我们需要用js来控制页面的路由切换,而不是通过Link标签这种方式,比如有这样一个场景,用户要登陆一个网站才能看到网站里面的内容,登录接口是一个独立的子页面,登陆成功后,才能进入网站浏览相关内容,…
React 教程第九篇 —— 生命周期
生命周期 React 是一个由虚拟 DOM 渲染成真实 DOM 的过程,这个过程称为组件的生命周期。React 把这个周期划分为三个阶段,每个阶段都提供了 will 和 did 两种处理方式,will 是指发生前,did…
发布一个react组件——react-read-pdf,用于在移动端展示PDF文件
PC端的浏览器对于PDF文件的展示没有太大的问题,给定一个PDF的链接,就可以用浏览器默认的展示样式来展示和渲染PDF文件的内容。比如一个”http://www.baidu.com/test/pdf̶…
React手稿之类型检查
Typechecking With PropTypes 类型检查是为了确保传入组件的参数正确性。 通常在项目中可以使用Flow或者TypeScript来实现。 React提供了PropTypes来检查类型。 示例: im…