话题框架与类库 › React

框架与类库:React

使用 Context + useReducer 实现 React 全局状态管理

使用 Context 和 useReducer 实现一种简单的全局状态管理。

React 组件库 CSS 样式方案分析

本文从构造组件库的角度,分析了 React 生态下各类 CSS 样式方案,并基于不同场景,给出选择合适方案的推荐。

React官方团队出手,补齐原生Hook短板

从此以后Hooks不再有「闭包陷阱」啦?

使用 Proxy 实现 React 实现全局状态管理

在 Vue 3.0 中使用 Proxy 实现了数据的双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。

在 React 中是单向数据流,数据只能从父组件通过属性的方式传给其子组件,那么能否使用 Proxy 做状态管理呢?答案当然是可以的,本文以计数器组件的开发为例子,使用 Proxy 实现一个简单的 React 全局状态管理。

React 实现全局状态管理的一种方案

本文以计数器组件的开发为例子,介绍一种使用 React Hooks 实现全局状态管理的方法​。

React Native 资源更新增量包的优化实践

FolderBsdp 以文件间的 Bsdp 算法为基础,对有目录层级结构的文件夹进行差分。

React Native原理之跨端通信机制

本文讲述了安卓中 React Native 的通信原理,解释了业务中如何实现 Native 模块和 JS 模块的桥接,读者可以加深对React Native或者其他跨端方案的通信原理的了解。

去中心化的 React Native 架构探索

去中心化的 RN 发布模型涉及到四个部分:独立的 JS 运行时;独立的开发流程;独立的构建流程;独立的发布流程。

React hooks 状态管理方案解析

本文从实现「计数器」这个经典场景出发,逐步分析 Hooks时代下,React 状态管理方案的演进过程和背后的实现原理。

Jest + React Testing Library 单测总结

前端单测可以帮助我们保障产品质量,如何写出有效的单测,今天由一位美女同学分享她在编写 TDesign 组件库单元测试时总结的实践经验~

react hooks设计初衷

介绍hooks的设计初衷,对比class写法作简要介绍和总结。

React18带来了哪些新特性

react18的主要更新为:开箱即用的用户良好体验,使开发者可以快速上手,即开即用。并发加载功能,更快的打开网页,并且更新状态可以达到批处理,减少每次状态更新的重复渲染。

react-hooks原理解析

hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。

Luna:你想要的 React Native 调试工具

Luna 是一款 RN 应用内调试工具,用于解决生产环境调试的痛点。

保姆级指南:jekins+docker构建部署react项目实战

CI 的意思是 持续构建 。

负责拉取代码库中的代码后,执行用户预置定义好的操作脚本,通过一系列编译操作构建出一个 制品 ,并将制品推送至到制品库里面。常用工具有 Gitlab CI,Github CI,Jenkins 等。这个环节不参与部署,只负责构建代码,然后保存构建物。构建物被称为 制品,保存制品的地方被称为 制品库。

CD 则有2层含义:持续部署(Continuous Deployment) 和 持续交付(Continuous Delivery) 。

持续交付 的概念是:将制品库的制品拿出后,部署在测试环境 / 交付给客户提前测试。持续部署 则是将制品部署在生产环境。

写了个React虚拟渲染

最近有个需求,一个页面上要渲染50个或者100个图表,把功能实现后,页面太卡了。之前用过虚拟渲染能解决此类的问题,但用的都是别人写好的库,想了想,自己实现也并不复杂,于是决定自己实现一下。

首页 - Wiki
Copyright © 2011-2025 iteam. Current version is 2.144.0. UTC+08:00, 2025-07-07 07:30
浙ICP备14020137号-1 $访客地图$