写点什么

React

9 人感兴趣 · 1055 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/d4/d4cda7ef535e89841396df574b96e5a4.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 高手都会用的 useMemo 有什么用的?

在 React 中,性能优化一直是开发者们关注的焦点之一。为了减少组件的重渲染和提高应用程序的性能,React 提供了一些钩子函数,其中之一就是 useMemo。本文将深入探讨 useMemo 的用法,展示它如何帮助我们优化 React 组件。

从 React Hooks 看 React 的本质

后jQuery时代的前端革命是由AngularJs发起的,它最初的一个想法是将后台的技术架构复制到前台来。后端的一个核心技术是所谓的模板技术(template)。它可以用一个公式来描述

https://static001.geekbang.org/infoq/5e/5ef8728b2b3e00a4d50d2c642d5bb59a.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 基础知识入门

React官方文档对组件的描述:React 应用程序是由 组件 组成的。一个组件是 UI(用户界面)的一部分,它拥有自己的逻辑和外观。组件可以小到一个按钮,也可以大到整个页面。官方文档地址:https://zh-hans.react.dev/

多种 React 组件通信方式实践

在React中,组件之间的通信是一个非常重要的话题。当我们构建复杂的应用程序时,经常需要不同的组件之间共享数据或者进行相互协作。React提供了几种方式来实现跨组件通信,下面我将详细其中几种通信方式,并提供实际的代码示例。

https://static001.geekbang.org/infoq/c2/c2f84c8bf9678cea702e6c5627aca30a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

原来 TinyVue 组件库跨框架(Vue2、Vue3、React、Solid)是这样实现的?

本文由 TinyVue 组件库核心成员郑志超分享,首先分享了实现跨框架组件库的必要性,同时通过演示Demo和实际操作向我们介绍了如何实现一个跨框架的组件库。

有完美的 React 框架吗?三巨头之战:Remix、Next.js 和 Gatsby

React 的流行已经超越了前端开发,现在它被用于不同的开发目的。这种扩展导致了新框架的出现,这些框架的目标是增强开发者体验、优化流程和解决特定的挑战。React 的主要挑战之一是由于客户端渲染而与 SEO(搜索引擎优化)的斗争。

https://static001.geekbang.org/infoq/84/84e52f9a38e4de57af15e827635b31da.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

为 React Ant-Design Table 增加字段设置 | 京东云技术团队

最近做的几个项目经常遇到这样的需求,要在表格上增加一个自定义表格字段设置的功能。就是用户可以自己控制那些列需要展示。在几个项目里都实现了一遍,每个项目的需求又都有点儿不一样,迭代了很多版,所以抽时间把这个功能封装了个组件:@silverage/table-c

https://static001.geekbang.org/infoq/26/26b2e5327390e510030ec35f25b54dbb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

专访|OpenTiny 社区 Mr 栋:结合兴趣,明确定位,在开源中给自己一些技术性挑战

本文介绍了 OpenTiny 开源社区共建者 Mr 栋同学参与共建TinyReact 组件库项目后的经验和感受

开发一个简单的管理系统,前端选择 Vue 还是 React?

在前端开发的世界中,React和Vue都是非常流行的JavaScript库,它们都提供了许多有用的功能来帮助开发者构建高质量的用户界面。然而,在我个人的开发经验中,相比于React,我更喜欢使用Vue。

https://static001.geekbang.org/infoq/0f/0ff5b33d3b745c474770d722064626b0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 技术栈支援 Vue 项目,你需要提前了解的 | 京东云技术团队

react整体是函数式的思想,把组件设计成纯组件,状态和逻辑通过参数传入,而vue的思想是响应式的,也就是基于是数据可变的,通过对每一个属性建立Watcher来监听, 当属性变化的时候,响应式的更新对应的虚拟dom

https://static001.geekbang.org/infoq/aa/aac36b4201b07912d3907c0fc35e490e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

超越 React,JS 代码体积减少 90%!它为何是 2023 年最好的 Web 框架?

说到Web框架,大家最先想到的可能是 Vue、React,或者是Next.js。但不得不提,有个后起之秀“来势汹汹”,1.0版本发布至今仅一年,就出尽风头。它就是Astro。

https://static001.geekbang.org/infoq/84/84e52f9a38e4de57af15e827635b31da.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

浅入深出的微前端 MicroApp | 京东云技术团队

本文是由最近做的一个项目有感而发,因为之前做了一些技术栈的统一,为了用ant Design的pro-table,PC统一使用react,但是我们有一些老的项目是vue的,本次新页面较多,老页面的改动较少,除此之外老项目想换菜单,因此我们想借助本次机会用react开发,经过了

Vue 和 React 前端框架的比较

Vue 和 React 都是创建 web 应用程序的强大工具。React 因其庞大的社区和 Meta 的支持而更受欢迎,而 Vue 则因其简洁性和性能在过去几年中获得了越来越多的关注。

React 的七个值得推荐的动画库

今天,Web 应用程序用户界面有许多吸引用户的元素,为了满足这些需求,开发人员不得不寻找新的方法来实现带有动画和过渡的 UI,因此,开发了专门的库和工具来处理 Web 应用程序中的动画。在本文中,将讨论一些优秀的 React 动画库,以便于在后续工作中进行选

https://static001.geekbang.org/infoq/a3/a3e1d84bb058ee09b5198c521ff082bf.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

一文读懂 Nuxt.js 服务端组件

服务端组件在 Web 开发生态系统中变得越来越普遍。传统上,在单页面应用中,即使是服务端渲染的应用,服务端仅与第一次加载相关,之后将由客户端接管。这意味着 Web 应用的每个部分都必须能够在客户端和服务端上渲染。

https://static001.geekbang.org/infoq/17/17ac843c1b85713e5130d93436f6fafb.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 前端开发架构:构建现代响应式用户界面

在当今的Web应用开发中,React已经成为最受欢迎的前端框架之一。它的出色性能、灵活性和组件化开发模式,使得它成为构建现代响应式用户界面的理想选择。在这篇文章中,我们将探讨React前端开发架构的核心概念和最佳实践,以帮助您构建出色的Web应用。

https://static001.geekbang.org/infoq/b9/b91879851bb41a5b2266b48cc98dd33b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 请求机制优化思路 | 京东云技术团队

说起数据加载的机制,有一个绕不开的话题就是前端性能,很多电商门户的首页其实都会做一些垂直的定制优化,比如让请求在页面最早加载,或者在前一个页面就进行预加载等等。随着react18的发布,请求机制这一块也是被不断谈起,并且在后续其实也给出了明确的方

https://static001.geekbang.org/infoq/2c/2cc4a749ec263b535785d8b99f17d62f.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

在 React 中获取数据的 6 种方法

数据获取是任何 react 应用程序的核心方面。对于 React 开发人员来说,了解不同的数据获取方法以及哪些用例最适合他们很重要。

Vue 框架提升加载速度的优化思路

用户头像
Onegun
08-16

现在前端的框架有很多,甚至两只手已经数不过来,当然也完全没必要全部都学,还是应该深入的学习一两个被广泛使用的就好。其实我和大部分同学的想法一致,认为最值得我们深究的还是主流的 Vue 和 React。我们通过深入的学习了解这些框架的思维,也让自己使用

React 和 Vue 的区别,大家怎么看?

用户头像
FinFish
08-14

React和Vue都是创建web应用程序的绝佳选择。React得到了科技巨头和庞大的开源社区的支持,代码库可以很大程度地扩展,允许你创建企业级web应用程序。

https://static001.geekbang.org/infoq/be/be9d7a790a7211f6412ead9a4eed4a77.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

在 Next.js 13 中使用 React Server 组件实现国际化

随着 Next.js 13和 App Router 测试版的推出,React Server Components 开始公开可用。这种新范例允许不需要 React 交互功能的组件(例如useState和useEffect)仅保留在服务器端。

使用 Signia 实现 React 状态管理

如果你在最近的过去开发过任何具有相当复杂程度的 React 应用程序,你可能已经了解状态管理如何很快成为一个主要问题。React 提供的原生工具,如 useState 和 useContext ,在尝试实现常见的设计模式时被证明是不够的,比如由多个组件使用和更新的中央共

https://static001.geekbang.org/infoq/c9/c90c6790978ad858e76c2ff617666d99.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

10 分钟理解 React 生命周期

学习React,生命周期很重要,我们了解完生命周期的各个组件,对写高性能组件会有很大的帮助.

https://static001.geekbang.org/infoq/34/34d6e5f953e6ac7c0ad2b6c39d527479.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

浅谈 React 中的 ref 和 useRef

在各种 JavaScript 库和框架中,React 因其开发人员友好性和支持性而得到认可。大多数开发人员发现 React 非常舒适且可扩展,因为它提供了钩子。钩子是 React 附带的内置 API,允许开发人员与 React的状态和生命周期功能进行交互。

https://static001.geekbang.org/infoq/c9/c90c6790978ad858e76c2ff617666d99.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

在 React 中渲染大型数据集的 3 种方法

随着 Web 应用程序变得越来越复杂,我们需要找到有效的方法来优化性能和渲染大型数据集。在 React 应用程序中处理大型数据集时,一次呈现所有数据可能会导致性能不佳和加载时间变慢。

https://static001.geekbang.org/infoq/ff/ff1291329619b1a37e711180b4c937ac.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

作为 Vue 爱好者如何转战 React,从这款开源项目开始基于 React18,TypeScript,vite4,antd4.x 等技术开箱即用的中后台管理解决方案

基于 React18,TypeScript,vite4,antd4.x等相关主流技术开发,一个免费开源的中后台管理系统开箱即用的前端解决方案,也可适用于学习React时进行参考或练手的项目。

面试官让你说说 react 状态管理?

开发者普遍认为状态是组件的一部分, 但是同时却又在剥离状态上不停的造轮子, 这不是很矛盾么?

React_React技术文章_InfoQ写作社区