React基础与原理实现

2020-11-21
阅读 14 分钟
6.7k
React是用于构建用户界面的 JavaScript 库。其有着许多优秀的特性,使其受到大众的欢迎。① 声明式渲染:所谓声明式,就是关注结果,而不是关注过程。比如我们常用的html标记语言就是一种声明式的,我们只需要在.html文件上,写上声明式的标记如<h1>这是一个标题</h1>,浏览器就能自动帮我们渲染出一个标题元...

Fiber架构的简单理解与实现

2020-10-29
阅读 19 分钟
4.7k
本文主要理解fiber的基本原理。为了能够更好的理解fiber原理,我们会从零开始构建一个简单的react,并在其中引入fiber以及useState hook,DOM-DIFF等。

33行react简要分析

2020-06-02
阅读 5 分钟
1.8k
虽然代码总共才33行,但是写的非常简洁,可能不是一下就能看懂,我对此细细研读了一番,用更加明了的方式重新写了一下。主要就是对外暴露了React.createElement()和React.render()两个方法。① 实现代码基本框架

从零开始实现一个react-router-dom插件

2020-04-03
阅读 11 分钟
2.7k
要想自己实现一个react-router-dom,就必须先了解一下react-router-dom的基本使用,react-router-dom与vue-router有点不同,react-router-dom采用的是去中心化路由,所以其不需要写一个单独的router.js来集中配置和管理路由,如:

从零实现redux和react-redux

2020-03-30
阅读 21 分钟
2k
redux本质是一个全局的状态管理器,主要用于跨级组件数据传递以及状态的统一管理。作为一个状态管理器,当其中的数据发生变化的时候,外部应该可以通过某种方式获取变化后的状态,其内部采用了发布订阅模式。外部通过调用其subscrible()方法,传递回调监听器函数,当调用dispatch()方法导致状态发生变化的时候,监听器执...

使用react实现一个简版的印象笔记App

2020-01-13
阅读 17 分钟
2.8k
因为执行npm init命令的时候,会自动在init之后的包名加上create前缀,所以相当于安装并执行create-react-app包,所以我们再传入项目名称即可创建对应的react项目了。注意,react的项目名不能以大写字母开头。

React基础与原理实现

2019-12-30
阅读 11 分钟
2.9k
React是用于构建用户界面的 JavaScript 库。其有着许多优秀的特性,使其受到大众的欢迎。① 声明式渲染:所谓声明式,就是关注结果,而不是关注过程。比如我们常用的html标记语言就是一种声明式的,我们只需要在.html文件上,写上声明式的标记如<h1>这是一个标题</h1>,浏览器就能自动帮我们渲染出一个标题元...