React.js共0篇 第6页
React.js
排序
为什么我重新写了一个 "react-lodable" ?
简单来说是为了通过配置 webpack 插件及少量业务代码即可实现Code Splitting + 组件懒加载 + 预加载。 虽然react官方提供了一个 lazy API用于 react 组件的Code Splitting(代码拆分)及组件懒加...
2年前
”高级女秘书“ —— webpack 创建一个 React 应用
webpack webpack 简介 有说 webpack 是打包机，也有人说它是加工厂，我总感觉它像一个高级的女秘书。今天的故事又开始了： 话说有位上世纪80年代下海创业成功的大老板，但是呢，文化程度不高，...
2年前
深入解析React DnD拖拽原理，轻松掌握拖放技巧！
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。。 本文作者：霁明 一、背景 1、业务背景 业务中会有一些需...
2年前你的代码不堪一击！太烂了！
前言 小王，你的页面白屏了，赶快修复一下。小王排查后发现是服务端传回来的数据格式不对导致，无数据时传回来不是 [] 而是 null, 从而导致 forEach 方法报错导致白屏，于是告诉测试，这是服务...
2年前
React 核心 Dan Abramov 接受随机面试挑战，结果差点没写出来居中……？
首发于公众号前端从进阶到入院，欢迎关注。 大家好，我是 ssh，曾经，大名鼎鼎的 React 核心开发者 Dan Abramov 接受了 up 主 Ben Awad 的一场面试，而且是正儿八经做题的那种。我们赶快一起来...
2年前
第三期：ahooks全讲解-Part1
hello，我是海海 从这一期我们将开启一个新的旅程——ahooks。阅读时间10分钟。 由于ahooks内容比较多，我将拆分成几个章节，本期我们先从整体的角度认识ahooks，并讲解比较简单的“开发”hooks...
2年前Redux万字详解
redux 主要涉及到的仓库有：redux、redux-toolkit、redux-thunk、react-redux redux 为 redux core redux-toolkit 为 redux 的工具包 redux-thunk 为 redux 的中间件, 使 dispatch 可以接受函数...
2年前
React&Vue 系列：一篇说完所有的组件通信方式
背景：作为使用三年 react.js 的搬运工，目前正在积极学习 vue.js 语法，而在学习的过程中，总是喜欢和 react.js 进行对比，这里也不是说谁好谁坏，而是怀有他有我也有，他没我还有的思想去学习...
2年前怎么发布 React 组件到 NPM – 使用tsdx
用一个工具tsdx写 React 组件: npx tsdx create mylib cd mylib yarn start 选择模版的时候 basic: 用于一个 TypeScript 包，可以开发任何东西，灵活度高 react: 用于开发 React 组件的包，内置...
2年前
useEffect 完整指南
备注：这是一篇我之前翻译的 Dan Abramov 的文章，原文地址：https://overreacted.io/a-complete-guide-to-useeffect/, 现同步过来，顺便做了一些文字和格式上的优化。 另外，Dan 这篇文章写于 ...
2年前
react中的useCallback内部实现
简介 前几天有人问我在useCallback函数如果第二个参数为空数组, 为什么拿不到最新的state值。正好自己也想多了解一下react底层实现。那么这一章就来分析一下useCallback内部是如何实现的。 示例...
2年前
奇怪，useMemo依赖没变，回调还会反复执行？
大家好，我卡颂。 经常使用React的同学都知道，有些hook被设计为：依赖项数组 + 回调的形式，比如： useEffect useMemo 通常来说，当依赖项数组中某些值变化后，回调会重新执行。 我们知道，Rea...
2年前
?拳拳到肉，深入源码，理解react如何渲染–shouldComponentUpdate篇
在讲本文之前，附一张shouldComponentUpdate的调用栈，本文所有的内容都是基于这个调用栈： shouldComponentUpdate 在发出fiber更新的过程，对于classComponent会调用updateClassinstance的方法...
2年前
通过RBAC模型实现前后端动态菜单和动态路由——从零开始搭建一个高颜值后台管理系统全栈框架(八)
往期回顾 前端框架搭建——从零开始搭建一个高颜值后台管理系统全栈框架(一) 后端框架搭建——从零开始搭建一个高颜值后台管理系统全栈框架(二) 实现登录功能jwt or token+redis？——从零开始...
2年前
React Js 中创建和使用 Redux Store
本文，我们将学习在 React 应用中怎么创建 Redux Store。同时，我们将分享怎么使用 Redux store 去管理复杂的 states。 此外，我们将学习使用 toolkit module 来创建一个 slice state。 Redux ...
2年前
antd 系动态切换主题实践，含 IE 兼容方案
简介 动态切换主题通常指的更多的是运行时切换页面主题的功能，比如用户通过点击页面中的一个按钮来达到几种预制主题的切换，这一般都是通过提前将几种预制主题的样式进行独立编译，供用户选择...
2年前
React源码系列（八）—— Context
前言 context作为夸组件的传参方式，大家是再熟悉不过了，它解决了我们props下钻的问题，使我们不需要一层一层传递props，今天我们就来看看他的具体原理吧。 context context原理 在讲context原...
2年前浅谈 formily v2 之于 formily
浅谈：v2 对于 v1 来说，看似具有推翻性变更，但实际上它的核心思想是不变的，即通过字段(SchemaField/JsonSchema)的形式去描述并且渲染成对应的表单，只不过是 v2 用了新的实现方式重写了api，...
2年前
React基础篇——ref&forwardRef
何时使用ref 通常，当你的组件需要“跳出” React 并与外部 API 通信时，你会用到 ref —— 通常是不会影响组件外观的浏览器 API。以下是这些罕见情况中的几个： 存储 timeout ID 存储和操作 ...
2年前
【腾讯云 Cloud Studio 实战训练营】在cloud Studio上使用React实现学生管理系统
一、前言 为了提升办公效率，越来越多的人开始使用云工作站的方法进行“云办公”了，所谓云办公即把传统意义办公场所转移到网络浏览器中，这样做的好处有： 实现真正的移动化办公，不再受设备、...
2年前