[note: 本文基于 React v15.3.0+ 进行讨论] 一般来说,编写 React 组件的方式有以下三种: 无状态组件(stateless component)。它是函数式的,不继承于任何类; 继承于 Pure…
分类:react.js
React中注册机制简析
了解React中的注册机制 在创建React组件方式以及源码解析文章中,有下面一段代码 ReactMount.js源码地址 //下面这个函数实现将ReactElement元素,转化为DOM元素并且插入到对应的Contai…
react源码总览(翻译)
每次都信誓旦旦的给自己立下要好好学习react源码的flag,结果都是因为某个地方卡住了,或是其他原因没看多少就放弃了。这次又给自己立个flag-坚持看完react源码。为了敦促自己,特开设这样一个专栏来记录自己的学习历…
一个基于material-ui+react+koa2+mongoose的个人博客系统
前言 做这玩意主要是有两个目的, 练习平时工作中用不到的技术点,在熟练的基础之上去研究其原理。 可能的话,替换掉自己的博客系统。 项目地址: https://github.com/2fps/blooog 前端 前端是基于…
精读《编写有弹性的组件》
1. 引言 读了 精读《useEffect 完全指南》 之后,是不是对 Function Component 的理解又加深了一些呢? 这次通过 Writing Resilient Components 一文,了解一下什么…
使用Mac初始化一个react项目
1、安装JavaScript包的管理器(使⽤npm指令管理项⽬所依赖的JavaScript库) (1)由于npm库最先是Node.js项目使⽤的包管理⼯工具,后来流行成为所有的前端JavaScript库的 包管理理工具。…
React源码解析ReactDOM.render源码
https://github.com/jimwmg/Rea… 1 React.createClass( ) <body> <div id="root"></div> <…
react、redux、react-redux之间的关系
React 一些小型项目,只使用 React 完全够用了,数据管理使用props、state即可,那什么时候需要引入Redux呢?当渲染一个组件的数据是通过props从父组件中获取时,通常情况下是 A --> B,…
React 重温之 Refs
什么是Refs 我们在日常写React代码的时候,一般情况是用不到Refs这个东西,因为我们并不直接操作底层DOM元素,而是在render函数里去编写我们的页面结构,由React来组织DOM元素的更新。 凡事总有例外,总…
Retalk,Redux 从未如此简单
简介 Retalk 是 Redux 的一个最佳实践,简单、流畅而智慧。 特性 极简 Redux 实践:只需要 state 和 actions,简洁清晰。 只有两个 API:createStore 与 withStore,…
React + Ramda: 函数式编程尝鲜
原文:Functional Components with React stateless functions and Ramda 阅读本文需要的知识储备: 函数式编程基本概念(组合、柯里化、透镜) React 基本知识…
Redux专题:中间件
本文是『horseshoe·Redux专题』系列文章之一,后续会有更多专题推出 来我的 GitHub repo 阅读完整的专题文章 来我的 个人博客 获得无与伦比的阅读体验 Redux暴露非常少的API,优雅的将单向数据…