# react_hooks_fiber

**Repository Path**: lby1024/react_hooks_fiber

## Basic Information

- **Project Name**: react_hooks_fiber
- **Description**: react的hooks使用，已经fiber的实现
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2024-01-24
- **Last Updated**: 2024-03-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## react hooks使用
[B站链接](https://www.bilibili.com/video/BV16V411672B)，最后一个hooks运用案例
### useState
#### 使用
#### 源码实现


### useMemo
#### 使用
#### 源码实现


### useCallback
#### 使用
#### 源码实现


### useReducer
#### 使用
#### 源码实现

### useContext
#### 使用
1. 使用createContext定义出context容器，const ContainerContext = createContext();
2. 创建出reducer，让后边的实例化出来的context调用
3. 在子组件中，通过useContext函数并使用ContainerContext参数，创建出context对象
4. 在根组件中使用
    - 通过useReducer【参数：reducer、initalState】创建出state和dispatch
    - 使用context容器作为根标签, <ContainerContext.Provider value={{ state, dispatch }}>

参考文件：src/demo/demoContext.js
#### 源码实现

### useEffect
#### 使用
#### 源码实现


### useLayoutEffect
#### 使用
#### 源码实现

## react_fib目录 
react的Fiber架构实现，[B站链接](https://www.bilibili.com/video/BV16V411672B)，视频4-7.
## mini-react实现useState
[B站视频](https://www.bilibili.com/video/BV1iV411b7L1)