2024-12-13 厉飞雨 阅读(10) 评论(0) 赞(0)

> 一个人能否有成就，只看他是否具备自尊心与自信心两个条件。------苏格拉底 今天想简单玩玩`React`，我们打开`React`官方文档： <https://react.docschina.org/> 点击入门教程 ![image-20220216210416773](/imgs/oss/picGo/image-20220216210416773...

2024-12-13 厉飞雨 阅读(7) 评论(0) 赞(0)

### 什么是响应式编码？ 如果是用`java.util.conccurrent.Flow`提供的API来做订阅发布这类的编码成为**响应式编程**，以前的编码方式称为命令式编程。 [Reactive Streams文档](https://www.reactive-streams.org/)中说明了在JDK9中多了一个类`java.util.concurrent.Flow`...

2024-12-13 厉飞雨 阅读(9) 评论(0) 赞(0)

响应式编程总结： 1. 底层：基于数据缓冲队列 + 消息驱动模型 + 异步回调机制（事件驱动） 2. 编码：流式编程 + 链式调用 + 声明式API 3. 效果：优雅全异步 + 消息实时处理 + 高吞吐量 + 占用少量资源 ### 响应式编程准备 在[reactor文档](https://projectreactor.io/docs/core/release/refere...

2024-12-13 厉飞雨 阅读(7) 评论(0) 赞(0)

### `filter` 1. `filter`，过滤。能把原来流里的元素按照一定的规则过滤出来，然后组成一个新流。 <br /> ![image-20240619174616555](data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9...

2024-12-13 厉飞雨 阅读(7) 评论(0) 赞(0)

2024-12-13 厉飞雨 阅读(7) 评论(0) 赞(0)

> 注，此指南可搭配 bilibili 尚硅谷的react教程食用\~ > [视频传送门](https://www.bilibili.com/video/BV1wy4y1D7JT/?spm_id_from=333.999.0.0) 第一章：React入门 ----------- ### 介绍： > react是一个用于构建用户界面的JavaScrip...

2024-12-13 厉飞雨 阅读(8) 评论(0) 赞(0)

### 环境准备 首先准备一个react环境（使用create-react-app） ```bash npx create-react-app my-redux-app cd my-redux-app ``` 然后安装RTK ```bash npm install react-redux @reduxjs/toolkit ``` 这样基本的环境就搭建好了 ### 结...

2024-12-13 厉飞雨 阅读(7) 评论(0) 赞(0)

前言 {#前言} ======== [React](https://react.dev/)、[zh-hans](https://zh-hans.react.dev/) 开始 {#开始} ======== |-------------|--------------------------------------------------------| | ``` 1 2 ``...

2024-12-13 厉飞雨 阅读(8) 评论(0) 赞(0)

Context {#Context} ================== 父子组件通过 props 显式传递数据，当组件层级较深时，这种方式会变得很麻烦。[Context(上下文)](https://zh-hans.react.dev/learn/passing-data-deeply-with-context)允许向所有后代组件传递数据（信息）。 不同于 Vue 的 p...

2024-12-13 厉飞雨 阅读(6) 评论(0) 赞(0)

前言 {#前言} ======== **React 没法做到 JS 做不到的事，其任务调度也逃不开浏览器的事件循环。** 相比起写 Vue，React 更需要开发者知道浏览器本身的各种特性。 缓存 {#缓存} ======== 一个父组件重新渲染时，它的**所有**后代组件也会重新渲染，即使它们的 props、state 等状态都没有变化。 **区分 diff 算...