框架与类库:React
React 状态管理 Redux 代码实现
Redux 是我们经常接触的一个状态管理工具,将整个应用状态存储到到一个地方进行集中的管理,而本文实现一个简单的 Redux。
React 路由使用
react-router-dom是一个处理页面跳转的三方库。
使用 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 应用内调试工具,用于解决生产环境调试的痛点。