话题框架与类库 › React

框架与类库:React

React17 事件机制

React 基于性能、跨浏览器、开发体验等方面的考虑,实现了一套自己的事件机制。本文将从事件代理、合成事件、事件回调的收集和处理等方面讲解React事件机制的实现细节。

React Native瀑布流列表性能优化与实践

汽车之家主app前端开发广泛使用React Native技术,因为其具有跨平台可以动态更新功能。目前有类似自驾游业务线利用React Native技术在汽车之家app上实现无限瀑布流列表的功能。优化前自驾游瀑布流列表在安卓低端机上滑动多页后会出现明显卡顿现象,快速滑动屏幕整体会出现白页的情况。

React 最新提出了一个名为 use 的 Hook

React 最新提出了一个叫 use 的 Hook,用于在客户端消费 Promise,而 use 和其他 Hook 不同之处在于,它可以在条件语句、block 和循环里使用。

React PureComponent 与函数组件(使用 Hooks)之间的差异

搞清楚 PureComponent 和它所解决的问题,了解它是否可以在 Hook 和函数组件的世界中被替换,并介绍 React 重新渲染(re-render)一个有趣(但有点无用)的怪异行为。

Managing React Form State Using the React-Form Library

We’ll delve further into Shopify’s open source Quilt repo that contains 72 npm packages, one of which is the react-form library.

基于 React Native 的动态列表方案探索

针对动态列表问题我们使用RN进行了一下探索尝试, 利用我们已经相对完善的RN基建,结合客户端列表能力低成本的实现了一套的动态化能力,同时兼顾一定的性能体验。

React 可组合 API 的设计原则

在本文中,我们将深入探讨用于分解组件和设计可组合 API 的主要原则。并以 Tabs 组件为例,来说明我们需要解决的核心问题和做出的各种权衡。

一份详尽的 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 样式方案,并基于不同场景,给出选择合适方案的推荐。

首页 - Wiki
Copyright © 2011-2025 iteam. Current version is 2.142.0. UTC+08:00, 2025-02-19 06:18
浙ICP备14020137号-1 $访客地图$