React的API
Vue3源码06: reactive、ref相关api源码实现
Vue3源码01 : 代码管理策略-monorepo Vue3源码02: 项目构建流程和源码调试方法 Vue3源码03: Vue3响应式核心原理 Vue3源码04: Vue3响应式系统源码实现1/2 Vue3源码05 : Vue3响应式系统源码实现（2/2） “原本关于响应式源码的分析已经告一段落，因为有了前面几篇文章的基础，阅读剩余部分的源码已经比较容易。但有不少朋友后台留言觉得这部分内容虽然
日期 2023-06-12 10:48:40
react-redux Hook API 简介
在跟着redux教程实现Reddit API实例时(参考文章1)，想着把类组件用函数组件给改写一下，于是就去看了react-redux的Hook API，最主要就是useSelector、useDispatch和useStore，Hook API让你不必使用connect、mapState和mapDispatch。useSelector需要注意的地方要多一些，文中所有内容均参考react-redu
日期 2023-06-12 10:48:40
react源码解析--jsx&核心api
virtual Dom是什么一句话概括就是，用js对象表示dom信息和结构，更新时重新渲染更新后的对象对应的dom，这个对象就是React.createElement()的返回结果virtual Dom是一种编程方式，它以对象的形式保存在内存中，它描述了我们dom的必要信息，并且用类似react-dom等模块与真实dom同步，这一过程也叫协调(reconciler)，这种方式可以声明式的渲染相应的
日期 2023-06-12 10:48:40React实战精讲(React_TS/API)
❝英国诗人 萨松在诗歌 《与我，过去、现在以及未来》中写道："In me the tiger sniffs the rose" 诗人余光中将其翻译为:"心有猛虎，细嗅蔷薇" ❞大家好，我是「柒八九」。今天，我们继续「前端面试」的知识点。我们来谈谈关于「React实战」的相关知识点和具体的算法。该系列的文章，大部分都是前面文章的知识点汇总，如果想具体了解相关
日期 2023-06-12 10:48:40react新版api
我们飞得越高，我们在那些不能飞的人眼中的形象就越渺小。——尼采的《查拉图斯特拉如是说》 如果你是在react18这么写：// index.tsx import React from 'react' import ReactDOM from 'react-dom' console.log('Hello from tsx!') Reac
日期 2023-06-12 10:48:40
从 React 源码彻底搞懂 Ref 的全部 api
ref 是 React 里常用的特性，我们会用它来拿到 dom 的引用。它一般是这么用的：函数组件里用 useRef：import React, { useRef, useEffect } from "react"; export default function App() { const inputRef = useRef(); useEffect(()=>
日期 2023-06-12 10:48:40react源码解析5.jsx&核心api_2023-02-06
virtual Dom是什么一句话概括就是，用js对象表示dom信息和结构，更新时重新渲染更新后的对象对应的dom，这个对象就是React.createElement()的返回结果virtual Dom是一种编程方式，它以对象的形式保存在内存中，它描述了我们dom的必要信息，并且用类似react-dom等模块与真实dom同步，这一过程也叫协调(reconciler)，这种方式可以声明式的渲染相应的
日期 2023-06-12 10:48:404k字介绍 React Router 6.4 超大变化：引入 Data API。你不纯粹了！
背景每次打开 React Router 官方文档，都会有惊吓，API又又又变了！这次看看有什么更新。好家伙！这是我认知中的 React Router 吗？我2022年3月开发《联机桌游合集》时，在用 6.2 版本，那时候 v6 跟 v5 v4 相比，API 已经发生了比较大的变化，但我认可这些变化。现在看完 6.4 版本文档， 我想吐槽。 我的核心观点是：React Router 6.4 不再是纯
日期 2023-06-12 10:48:40[React] Use the React Context API to Globally Manage State
Using React hooks like useState makes it easy to manage things like a shopping cart, but that state may only be available one instance at a time. What if we wanted that state to be available between
日期 2023-06-12 10:48:40![[React Testing] Using __mocks__ to mock the promise based API](/scriptcss/images/14.png)
[React Testing] Using __mocks__ to mock the promise based API
Folder structure: | __mocks__ | api | pet.js | src | api | pet.js __mocks__/api/pet.js // __mocks__/api/
日期 2023-06-12 10:48:40[React] Setup an API Proxy in Create React App
For development, we'll be using a separate server address to reach our REST endpoints. In a production build, this will likely be a different address, and in many cases, our UI will be served from th
日期 2023-06-12 10:48:40[React] Use the new React Context API
The React documentation has been warning us for a long time now that context shouldn't be used and that the API is unstable. Well, with the release of React 16.3, we're finally getting a stable conte
日期 2023-06-12 10:48:40[React] Use the React Context API to Globally Manage State
Using React hooks like useState makes it easy to manage things like a shopping cart, but that state may only be available one instance at a time. What if we wanted that state to be available between
日期 2023-06-12 10:48:40[React Testing] Using __mocks__ to mock the promise based API
Folder structure: | __mocks__ | api | pet.js | src | api | pet.js __mocks__/api/pet.js // __mocks__/api/
日期 2023-06-12 10:48:40[React] Setup an API Proxy in Create React App
For development, we'll be using a separate server address to reach our REST endpoints. In a production build, this will likely be a different address, and in many cases, our UI will be served from th
日期 2023-06-12 10:48:40![[React] Use the new React Context API](/scriptcss/images/16.png)
[React] Use the new React Context API
The React documentation has been warning us for a long time now that context shouldn't be used and that the API is unstable. Well, with the release of React 16.3, we're finally getting a stable conte
日期 2023-06-12 10:48:40201-React顶级API
一、概述 React是React库的入口点。如果您从<script>标记加载React，则这些顶级API可在React全局中使用。如果你使用npm的ES6，你可以写：import React from 'react'，如果你使用npm的ES5，你可以写：var React = require('react'). 二、简介 2.1、Components React组件让你可以将
日期 2023-06-12 10:48:40React的API
API定义类似于Vue的API /** * 这里就类似于Vue的api，这些api将在pages的各模块models引入 * 也是与调用后端的URI相匹配的 */ import { async } from "q"; // 引入request请求工具，Vue中同样也对request做了封装 import
日期 2023-06-12 10:48:40React 16.3来了：带着全新的Context API
文章概览 React在版本16.3-alpha里引入了新的Context API，社区一片期待之声。我们先通过简单的例子，看下新的Context API长啥样，然后再简单探讨下新的API的意义。 文中的完整代码示例可在笔者的GitHub上找到，点击传送门。 看下新的Context API 需要安装16.3-alpha版本的react。构建步骤非本文重点，可参考笔者GitHub上的demo。 np
日期 2023-06-12 10:48:40使用react全家桶制作博客后台管理系统 网站PWA升级 移动端常见问题处理 循序渐进学.Net Core Web Api开发系列【4】：前端访问WebApi [Abp 源码分析]四、模块配置 [Abp 源码分析]三、依赖注入
使用react全家桶制作博客后台管理系统 前面的话 笔者在做一个完整的博客上线项目，包括前台、后台、后端接口和服务器配置。本文将详细介绍使用react全家桶制作的博客后台管理系统 概述 该项目是基于react全家桶（React、React-router-dom、redux、styled-components）开发的一套博客后台管理系统，用于前端小站的管理
日期 2023-06-12 10:48:40react + 图灵api 实现模拟客服
1.代码 chatbot/index.tsx /** * 客服 */ import React, { useState, useRef } from 'react'; import { Button, Toast, InputItem } from 'antd-mobile'; import { RobotUrl, ApiKeys } from 'utils/constants'; impo
日期 2023-06-12 10:48:40React 组件 API
设置状态：setState替换状态：replaceState设置属性：setProps替换属性：replaceProps强制更新：forceUpdate获取DOM节点：findDOMNode判断组件挂载状态：isMounted 设置状态:setState setState(object nextState[, function callback]) 参数说明 nextState，将要设置
日期 2023-06-12 10:48:40React 顶层 API
概览 组件 使用 React 组件可以将 UI 拆分为独立且复用的代码片段，每部分都可独立维护。你可以通过子类 React.Component 或 React.PureComponent 来定义 React 组件。 React.Component React.PureComponent 如果你不使用 ES6 的 class，则可
日期 2023-06-12 10:48:40vue3响应式reactive的实现原理；proxy深层代理；vue3响应式api
- 参考链接： https://segmentfault.com/a/1190000039194351 我们已经知道vue3的响应式实现从defineProperty变成了proxy defineProperty有个弊端，只能监听已有属性的变化，新增属性就监听不到，vue2时，需要配合Vue.set来把新增的属性变成响应式； defineProperty实现响应式： const ob
日期 2023-06-12 10:48:40Vue3实践指南：使用reactive函数声明数组如何正确赋值响应式、script setup语法糖中toRefs如何优雅呈现、Options API 与 Composition API 如何选择及混用是否对性能有影响、关于 setup 中没有 this 的问题及 setup 的执行时机
一、使用reactive函数声明数组如何正确赋值 需求：将接口请求到的列表数据赋值给响应数据 array const arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败，直接赋值丢失了响应性 // arr = res; // 方法2 这样也
日期 2023-06-12 10:48:40浅析Vue3新特性-Teleport（任意传送门也称瞬间移动）：为什么需要Teleport、与React的Portals特性、如何使用（直接使用、与组件搭配使用、使用多个teleport）、teleport API（to及disabled使用介绍）
Teleport 是什么？它解决的是什么问题？ 一、使用场景 - 为什么我们需要 Teleport Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术。 1、使用场景： 业务开发的过程中，我们经常会封装一些常用的组件，例如 Modal 组件。相信大家在使用 Modal 组件的过程中，经常会遇到一个问题，那就是 Modal 的定位问题。
日期 2023-06-12 10:48:40react-HOOK---一篇搞定react-hook，既生react，何生hook，深挖hook中常用的四个API
为什么会有Hooks？ 介绍Hooks之前，首先要给大家说一下React的组件创建方式，一种是类组件，一种是纯函数组件，并且React团队希望ÿ
日期 2023-06-12 10:48:40