框架与类库:React
一份详尽的 React re-render 指南
什么是 re-render(重新渲染)?哪些是必要的 re-render?哪些是非必要的 re-render?如果你对这些问题还不是很明白,那么可以在这篇文章中找到答案。本文是一篇比较详尽的 React re-render 指南,会着重介绍和解答以下问题:什么是 re-render、哪些是必要或非必要 的 re-render、什么条件能够触发 React 组件 re-render。除此之外,还会介绍一些避免 re-render 的重要开发模式,以及引起不必要 re-render 的反模式。并且针对每种模式和反模式都提供了示例图。
Mastering React’s Stable Values
In this post, Colin Gray, Principal Developer at Shopify, delivers a crash course in how to make sense of stable values in React and when they matter most.
React Native 中实现动态导入
React Native 虽然提供了拆包的能力,但只能拆为基础包和业务包;无法做精细化的代码分割,更无法提供灵活的按需加载能力。本文将介绍纯前端如何在 React Native 中实现的动态导入。
这⼀次彻底弄懂:React 服务端渲染
在前端项目需要首屏渲染速度优化或SEO的场景下,大家或多或少都听过到过服务端渲染( SSR ),但大多数人对服务端渲染具体实现和底层原理还是比较陌生的。本文基于公司官网开发时做了服务端渲染改造基础上,系统理解和梳理这套体系的模式和逻辑,并写了一些笔记和Demo(文后链接)便于深入理解。这次我们来以React为例,把服务端渲染彻底讲弄明白。
Notes on maintaining an internal React component library
A collection of my thoughts on maintaining a component library as part of an existing design system used by a large number of frontend applications.
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 状态管理方案的演进过程和背后的实现原理。