![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 80
记录关于react源码,实践的记录
全栈切图仔
这个作者很懒,什么都没留下…
展开
-
原来redux还可以这么简单
前言 今天主要是分享下关于redux的所学以及所得。一般提起redux很多人想到react。甚至有人认为redux以及react关系跟vuex以及vue的关系一样。但是其实redux中不牵扯任何框架部分,可以说任何框架都可以使用redux来进行数据管理 今天就用普通html5结合手写redux来给大家分析下。最后再分析下源码(~~ 轻轻的说下哦,redux源码其实很简单的) 实战 业务需求 我们会有一个html5页面,包含一个数字计数,一个增加按钮以及减少按钮 使用redux进行数据管理 ht原创 2022-04-22 21:19:52 · 195 阅读 · 0 评论 -
原来react的createContext 这么简单
今天看了下react中createContext相关的源码,特意在这里拿出来分享下。同时也会体现出关于本人看源码的技巧 本文采用源码分析以及源码断点调试的方式进行列举 用法 import React from "react"; const CounterContext = React.createContext() // 子类组件 function Counter() { const {count, setCount} = React.useContext(CounterContext) ..原创 2022-04-12 17:56:59 · 5897 阅读 · 0 评论 -
react源码系列之由浅入深的useState
前言 今天的目的主要是学习下react中hooks之useState. 通过使用/ 手写/ 解读源码的方式来记录下学习过程。 首先要说明一点:为什么会用react hooks的出现?解决了什么问题? react类组件中可以设置state状态,可以添加生命周期的函数,但是需要每次都实例化消耗资源。 函数组件呢?写法简单但是无法保存状态。 所以react hook的出现就是为了在使用函数组件的时候,还能提供状态供其使用 开始 1. 使用 接下来我们先了解下用法,到底该如何使用呢??? impo原创 2022-04-10 10:21:02 · 971 阅读 · 0 评论