AI 助理
备案控制台
文章 2023-08-01 来自：开发者社区

深入理解React Hooks与闭包：提升你的React开发技能

前言React Hooks 是 React 16.8 引入的一项重要功能，它使我们能够在无需编写类组件的情况下，共享状态和逻辑。与此同时，闭包是 JavaScript 中一个强大的概念，对于理解 Hooks 的工作原理和在 React 开发中的实际应用至关重要。—— 本文将深入探讨 React Hooks 与闭包的关系，并介绍如何充分利用它们来提升你的 React 开发技能。1. React H....

文章 2023-07-10 来自：开发者社区

探索 React Hook：提升 React 开发效率的核心知识点

首先我们先来理解 React Hook的背景和优势，React Hook 是在 React 16.8 版本中引入的一项重大改进。在传统的 React 类组件中，为了共享状态逻辑和处理副作用，我们需要使用复杂的生命周期方法、高阶组件或 render props 等方式来组织代码。这种方式可能导致组件间的代码分散且难以复用，同时增加了学习曲线和...

探索 React Hook：提升 React 开发效率的核心知识点
文章 2023-07-06 来自：开发者社区

使用 React+ethers.js 开发简单加密钱包（二）

整体架构设计由于业务并不复杂，我们可以将它简单划分为几个组件。使用 Context 足够应对这个场景，而不需要额外导入状态管理库来增加复杂性。Wallet 是根组件，内部维护了很多 state，以 Context 的方式将数据和操作注入到子组件。Connect 负责连接钱包和断开连接。Details 负责显示钱包信息，是纯展示型组件。Transfer 负责向其他账户进行转账。Loading 负责....

使用 React+ethers.js 开发简单加密钱包（二）
文章 2023-07-06 来自：开发者社区

使用 React+ethers.js 开发简单加密钱包（一）

最近在开发一个 NFT 二创平台，其中包含了很多概念和技术。我会更新一个系列的文章来总结和沉淀在这个过程中的一些知识与思考。本文是对 ethers.js 进行一个全方位介绍，非常适合 web3 入门学习。什么是 ethers.js？Web3 中的各类 DApp，都需要与智能合约进行交互。如果用原生 JS 来做这些事会很麻烦。这时就需要使用专属的 SDK。目前 JS 环境中有两个主流的库可以用来和....

使用 React+ethers.js 开发简单加密钱包（一）
文章 2023-07-06 来自：开发者社区

开发一个 React 和 Vue 都能用的组件？基于 Lit 和 Tailwind

背景最近在开发一个 HugGroup 组件。你这么一听，可能会对这个名字可能有些疑惑。我说出它的另外一个名字，你可能就懂了，它还叫做 OnlineUser。其实它就长这样。HugGroup 是一个更专业的称呼。因为这是一个开源项目，所以考虑多个框架的通用性，比如如何与 React、Solid、Angular 等框架进行结合。其实这个需求应该是应用的开发者来考虑的。但是最近这两年，我们这类做底层库....

开发一个 React 和 Vue 都能用的组件？基于 Lit 和 Tailwind
文章 2023-07-04 来自：开发者社区

创建基于react和typescript的开发模板（一）

起因最近在工作上发现一个问题，我的开发框架很混乱。我刚加入公司的时候，公司主要产品有两大类，一类是使用 Vue 开发。另一类则比较古老，前后端未分离，使用 jQuery 开发。而一些周期很短，或非核心业务的项目，比如给集团子公司和兄弟公司开发的公众号，或者管理类后台系统等待。则又有两种情况。第一种是样式较复杂或者交互逻辑较复杂的，由专业的前端人员开发。第二种是样式统一或交互简单的，由后端人员一并....

文章 2023-06-19 来自：开发者社区

使用 Socket.io 和 React 开发一个聊天应用

hello 大家好，我是 superZidan，这篇文章想跟大家聊聊 使用 Socket.io 和 React 开发一个聊天应用，如果大家遇到任何问题，欢迎联系我这篇文章是关于什么的相信大家对于 web 版的线上聊天室都不陌生，这篇文章主要讲的就是如何使用 Socket.io 和 React 开发一下简单的线上聊天应用。所谓线上聊天应用，就是你给一个人或者一个群发送一条消息，他们可以看到这条消息....

使用 Socket.io 和 React 开发一个聊天应用
文章 2023-06-12 来自：开发者社区

React使用Electron开发桌面端

React是一个流行的JavaScript库，用于构建Web应用程序。结合Electron框架，可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤：1. 安装Electron首先，你需要安装Electron。在终端中运行以下命令：npm install electron --save-dev2. 创建Electron应用程序使用Elec....

React使用Electron开发桌面端
文章 2023-05-17 来自：开发者社区

从0开始，手把手教你使用React开发答题App（下）

4. 实现下一题功能新增Answer.js，用户点击下一题按钮，修改index，触发主界面刷新，显示下一题：import React from "react"; import { Button } from "reactstrap"; export const Answer = ({ setIndex, index }) => { function answerResult() { ...

从0开始，手把手教你使用React开发答题App（下）
文章 2023-05-17 来自：开发者社区

从0开始，手把手教你使用React开发答题App（上）

项目演示地址项目演示地址项目源码项目源码视频教程视频教程项目代码结构前言React 框架的优雅不言而喻，组件化的编程思想使得React框架开发的项目代码简洁，易懂，但早期 React 类组件的写法略显繁琐。React Hooks 是 React 16.8 发布以来最吸引人的特性之一，她简化了原有代码的编写，是未来 React 应用的主流写法。本文通过一个实战小项目，手把手从零开始带领大家快速入门....

从0开始，手把手教你使用React开发答题App（上）

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

React Native更多开发相关

React Native您可能感兴趣