React.js共0篇 第3页
React.js
React 18 如何提高应用性能?-五八三

React 18 如何提高应用性能?

React 18 引入了并发功能,从根本上改变了 React 应用的渲染方式。本文将探讨 Transitions、Suspense 和 React Server Components 等并发功能如何影响和提高应用的性能。 主线程和长任务 当在浏...
admin的头像-五八三admin2年前
0260
React Context的核心实现,就5行代码-五八三

React Context的核心实现,就5行代码

大家好,我卡颂。 很多项目的源码非常复杂,让人望而却步。但在打退堂鼓前,我们应该思考一个问题:源码为什么复杂? 造成源码复杂的原因不外乎有三个: 功能本身复杂,造成代码复杂 编写者功力...
admin的头像-五八三admin2年前
0260
这个交互式个人博客能让你眼前一亮✨? ?-五八三

这个交互式个人博客能让你眼前一亮✨? ?

从构思到上线的全过程,开发中遇到一些未知问题,也都通过查阅资料和源码一一解决,小记一下望对正在使用或即将使用Nextjs开发的你们有所帮助。 那些年我开发过的博客 就挺有意思,域名,技术栈...
admin的头像-五八三admin2年前
0260
前端配置化开发-五八三

前端配置化开发

作者 ?  本文作者:Dynamite0707 背景:  工作中有许多逻辑冗杂、迭代频繁的业务代码,随着迭代将越来越难以维护,一些场景适合通过配置化的方式来处理便于维护。 eg. 表单项非常多并且需要...
admin的头像-五八三admin2年前
0250
为ReactJS工程师学习Swift和SwiftUI提供的几个代码实例-五八三

为ReactJS工程师学习Swift和SwiftUI提供的几个代码实例

作为一名熟悉ReactJS的软件工程师,如果您能够将熟悉的概念映射到新环境中,那么学习Swift和SwiftUI将是一个平稳的过渡。在本指南中,我们将了解常见的ReactJS模式如何转化为Swift和SwiftUI。 ...
admin的头像-五八三admin2年前
0250
React的基本知识与常见hooks的用法-五八三

React的基本知识与常见hooks的用法

1. 渲染一个基本组件 以下一个小demo用来展示第一个用react语法来编写的组件 // main文件 import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App.tsx';...
admin的头像-五八三admin2年前
0250
React--Router(6.x版本)-五八三

React–Router(6.x版本)

路由概念 核心: 改变 URL ,但是页面不进行整体的刷新 作用:维护 URL 和渲染页面的映射关系 目的: 通过 JavaScript 监听 URL 的改变,并且根据 URL 的不同重新渲染页面 改变 URL 但不刷新页...
admin的头像-五八三admin2年前
0250
对比 React,用10个例子快速上手 Svelte-五八三

对比 React,用10个例子快速上手 Svelte

Svelte 和 React、Vue 一样,都是用于开发前端界面的响应式 UI 框架,让开发者能够以组件的形式组织页面代码。前几天看到油管博主 fireship 发布了一个视频,其中用十个例子比较了 React 和 Sve...
admin的头像-五八三admin2年前
0250

关于React初始化加载组件会渲染两次的问题

React组件在初始加载时渲染两次: import React from 'react' export default function App() { console.log('被加载') return <div>App</div> } 如上在控制台我们会看到输出了两次...
admin的头像-五八三admin2年前
0240
HooKs的产生给我们带了什么,和类组件有什么区别?-五八三

HooKs的产生给我们带了什么,和类组件有什么区别?

受益于 Hooks 和 JSX 的影响,我一直热衷于 React 开发。尽管在找工作的过程中,因为我不会使用 Vue,可能错失了一些面试机会,但我坚定地认为目前并不需要学习 Vue。我选择了 React,因为我认为...
admin的头像-五八三admin2年前
0240

[译] 深入思考 Next.js App Directory 架构

写在前面:新的 App 目录架构一直是最近 Next.js 发布的主要亮点,这一点引发了许多讨论。在这篇文章中,Atila Fassina 探讨了这种新策略的优势和风险,并反思了您是否应该立即在生产环境中使用...
admin的头像-五八三admin2年前
0240
那些在线代码编辑器,给你们的编辑器加上代码格式化有这么难吗?-五八三

那些在线代码编辑器,给你们的编辑器加上代码格式化有这么难吗?

最近应该有不少在面试或者准备面试的小伙伴吧?想必大家都有做过什么笔试或者有去 leetcode 或者 牛客网 上面刷算法题吧。 不知道你是否有因为这个问题而困惑,就是它们的在线代码编辑器就是没有...
admin的头像-五八三admin2年前
0240
React 顶层API之React.Children-五八三

React 顶层API之React.Children

React.Children 提供了用于处理 this.props.children 不透明数据结构的实用方法。 React.Children 源码 在控制台中打印 React.Children,结果如下图: 可以看到,React.Children 提供了count、f...
admin的头像-五八三admin2年前
0240
React--简介与初体验-五八三

React–简介与初体验

React简介 React 基本介绍 概念: React 是将数据渲染为 HTML 视图的 JavaScript 库,用于构建用户界面,由组件组成,拥有自己的逻辑和外观 (官方简介:用于构建 Web 和原生交互界面的库) 作者...
admin的头像-五八三admin2年前
0240
「好文翻译」为什么你可以删除 90% 的 useMemo 和 useCallback ?-五八三

「好文翻译」为什么你可以删除 90% 的 useMemo 和 useCallback ?

译者前言 之前发了一条掘金沸点: 下面有同学吐槽纯英文,我遂有了翻译的想法。翻译已得到原作者允许,原文地址见下。作者博客中还有许多好文章,英文还行的读者可以去看看,可以说是我全网所见...
admin的头像-五八三admin2年前
0240
实现流程编排设计器的心路历程-五八三

实现流程编排设计器的心路历程

接上回《「AntV」使用AntV X6实现流程编排设计器》一文说到,流程编排设计器的实现方案是将低代码引擎和AntV X6作为画布相结合。 为什么会有这样的想法? 可行性 起因是业务中有用到低代码引擎...
admin的头像-五八三admin2年前
0230
?一个demo体验Vue3.3+TypeScript所有新功能?-五八三

?一个demo体验Vue3.3+TypeScript所有新功能?

最新文章发布在公众号:萌萌哒草头将军,个人:SunBoy_mmdctjj,欢迎关注,最近关注有?,送五本JavaScript的书~ Vue3.3已经发布一个月了,今天我和大家体验下最新功能 ? 准备工作 ? 创建项目并...
admin的头像-五八三admin2年前
0230
React 的请求数据流疑难杂症,Remix 来解决!-五八三

React 的请求数据流疑难杂症,Remix 来解决!

首发于公众号 前端从进阶到入院,欢迎关注。 Hi,我是 ssh,今天看到 Remix 团队带来了一篇关于如何解决 React 疑难杂症:Render + Fetch 渲染瀑布流的问题以及一些更深入的优化思考:Lazy Load...
admin的头像-五八三admin2年前
0230
Next.js 13.4 版本 App Router与 Turbopack基础-五八三

Next.js 13.4 版本 App Router与 Turbopack基础

Next 已经发布13.4稳定版本 详细官方文档:Building Your Application: Routing | Next.js 13.4 (nextjs.org) 新特性 App Router(稳定版) : React 服务器组件 嵌套路由和Layout Simply Data fe...
admin的头像-五八三admin2年前
0230

【译】如何在 React 18 中使用 useSyncExternalStore

原文 useSyncExternalStore是 React 18 中提供的自定义挂钩,可让您订阅外部存储并在外部存储更新时更新您的 React 组件。 它对于订阅不是建立在 React 状态管理之上的外部存储特别有用。 useSy...
admin的头像-五八三admin2年前
0230