话题框架与类库 › React

框架与类库: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 状态管理方案的演进过程和背后的实现原理。

trang chủ - Wiki
Copyright © 2011-2024 iteam. Current version is 2.137.1. UTC+08:00, 2024-11-05 18:56
浙ICP备14020137号-1 $bản đồ khách truy cập$