话题公司 › 新东方

公司:新东方

Excalidraw 对组件 API 的思考和设计

Excalidraw 是一个比较受欢迎的手绘风格的白板应用,本文主要介绍了Excalidraw 是如何对其组件和编辑器进行重新设计的,以及如何实现对定制化的支持。

React Ref Callback:最佳实践

本文主要介绍了 ref callback 的四种使用场景。

从 0 到 1 实现与微信的交互:登陆

在我们日常生活中,微信作为被广泛使用的社交工具,已经渗透到了生活的的每一个角落。很多人通过微信来沟通工作上的事宜,实现某种程度上的协同办公;也有很多人通过微信来构建和维护客户关系,促进流量转化达成商业变现。

与此同时,一些用于协助管理微信的软件应用应运而生。这些软件可以获取到微信的好友和群组数据,并且根据需要自动发送聊天信息。

比如,最近比较火的 ChatGPT,有人在 ChatGPT 基础上做了一款微信机器人 ChatGPT Bot,可通过和它对话来完成各种问答互动。

再比如,在各类 SCRM 软件中,可定制 SOP 流程来触达到到用户,对微信社群实现精细化运营,实现社群运营用户增长的目标。

这些应用的实现都离不开与微信的对接。但是,微信自身并未提供任何的接入工具,也没有提供任何可用的 SDK 或 API。这是横亘在微信和各类应用之间的沟壑,也是各个开发者不得不面对的事实。当然,这条 “沟壑” 只能由开发者自己来解决,本文主要来介绍如何搭建这样一套 API,来作为一个桥实现应用与微信之间的交互。有了这套桥 API 就可以跨过那条沟壑。

避免 React useState 错误用法

在本文中,将介绍一些关于 useState 的常见错误。useState 是我们使用最频繁的 React hook,在代码中随处可见,但是也经常会出现一些错误的用法。由于这些错误用法的存在,会让代码的可读性变差,提高了代码的维护成本。

CodinGame 以游戏的形式来学习编程

最近,发现了一个在线学习写代码的网站 CodinGame,它比较有趣的地方在于用玩游戏形式在线编程。每个编程题目都以游戏的形式出现,当我们输入一段代码后,点击执行代码,就会通过游戏来展示代码的效果。

可扩展 CSS 的演化

本文将回顾各种 CSS 最佳实践的演变过程,它们伴随着时间而发展和变化。最后,将探讨如何在大型项目上实现可扩展的 CSS,以及 Tailwind 等一系列工具是如何解决这些问题的。

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

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

Array.fromAsync 方法简介

Array.fromAsync 是 ECMAScript 的一个提案,当前已经进入了 Stage-3 阶段,很可能在明年纳入到 ECMAScript 2023 标准中,本文对 Array.fromAsync 做一个简单介绍。

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

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

Wechaty 使用网页版微信实现机器人的思路

本文主要通过阅读源码,来简单介绍 Wechaty 使用微信网页版实现机器人的思路。

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 的反模式。并且针对每种模式和反模式都提供了示例图。

React 状态管理 Redux 代码实现

Redux 是我们经常接触的一个状态管理工具,将整个应用状态存储到到一个地方进行集中的管理,而本文实现一个简单的 Redux。

使用 Context + useReducer 实现 React 全局状态管理

使用 Context 和 useReducer 实现一种简单的全局状态管理。

使用 Proxy 实现 React 实现全局状态管理

在 Vue 3.0 中使用 Proxy 实现了数据的双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。

在 React 中是单向数据流,数据只能从父组件通过属性的方式传给其子组件,那么能否使用 Proxy 做状态管理呢?答案当然是可以的,本文以计数器组件的开发为例子,使用 Proxy 实现一个简单的 React 全局状态管理。

React 实现全局状态管理的一种方案

本文以计数器组件的开发为例子,介绍一种使用 React Hooks 实现全局状态管理的方法​。

首页 - Wiki
Copyright © 2011-2023 iteam. Current version is 2.107.0. UTC+08:00, 2023-01-31 20:44
浙ICP备14020137号-1 $访客地图$