React
-
Vue/React实现路由鉴权/导航守卫/路由拦截
Vue/React实现路由鉴权/导航守卫/路由拦截(react-router v6) 路由导航守卫 本节目标: 能够实现未登录时访问拦截并跳转到登录页面(路由鉴权实现) 1. Re…
-
使用 Context + useReducer 实现 React 全局状态管理
在 React 中,useReducer 作为 useState 的替代方案,可用于复杂逻辑场景中的状态管理, 在代码的写法上和 Redux 类似。而 Context 提…
-
使用 Proxy 实现 React 实现全局状态管理
在 Vue 3.0 中使用 Proxy 实现了数据的双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。 在 React 中是单向数据流…
-
React 实现全局状态管理的一种方案
本文以计数器组件的开发为例子,介绍一种使用 React Hooks 实现全局状态管理的方法。 简单的计数器组件 在下面的代码定义了一个简单的计数器组件 Counter,从…
-
React 18 什么是撕裂
本文源于翻译 What is tearing? 概述 撕裂(tearing)是图形编程中的一个传统术语,是指视觉上的不一致。 例如,在视频中画面撕裂是指在一个屏幕中看到了…
-
React 18 服务端升级
本文源于翻译 Upgrading to React 18 on the server 概述 服务端升级到 React 18 版本的方法如下: 安装 React 18 最新…
-
React 18 Suspense 的变化
本文源于翻译 Behavioral changes to Suspense in React 18 概述 在 React 16.x 版本中,我们基本支持了 Suspens…
-
React 18 startTransition
本文源于翻译 New feature: startTransition ,由新东方在线前端工程师 李方 翻译。 概述 在 React 18 …
-
React 18 严格模式支持 Strict Effects
本文来源于翻译文章 Adding Strict Effects to StrictMode 概述 严格模式(Strict Mode)从 React 16.3 版本开始支持…
-
React 18 用 createRoot 替换 render
本文源于翻译 Replacing render with createRoot,由新东方在线前端工程师 聂洪真 翻译 概述 React 18 提供了两…
-
React 18 批量更新减少渲染次数
本文源于翻译 Automatic batching for fewer renders in React 18 ,由新东方在线前端工程师 李方&nbs…
-
【译】编写简洁 React 组件的小技巧
本文源于翻译文章 Simple tips for writing clean React components,作者是 Iskander Samatov,点击底部的 “阅…
-
【译】编写整洁的 React 代码的简单实践
本文源于翻译 React Clean Code – Simple ways to write better and cleaner code , 整…