框架与类库:React
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个图表,把功能实现后,页面太卡了。之前用过虚拟渲染能解决此类的问题,但用的都是别人写好的库,想了想,自己实现也并不复杂,于是决定自己实现一下。
React 16任务调度优势及原理解析
本文通过对比react15与react16,帮助读者更好的理解React 16基于时间分片的任务调度方式,对于提升用户体验来说其显著优势在哪里,以及该方式是怎么实现的。
从onClick看react事件系统
用react开发的过程中,我们常常写好多事件,onClick这个事件是非常常用的,onClick这个不同于dom事件的绑定方式的写法,却又能达到我们想要的交互,那你知道react内部是怎么处理的吗?它特殊的事件机制是什么?又是怎么工作的呢?