Wect

一、什么是 Monorepo？ 1.1 核心概念 Monorepo（单体仓库）是一种软件开发架构模式，它将多个相关项目、应用或模块的源代码集中存储在单一的代码仓库中进行管理...

在上一篇技术分享中，我们聚焦于useDrag钩子实现Todo任务项的拖动触发逻辑，完成了任务的选中与拖拽启动功能。而拖拽交互的闭环，必然离不开放置接收环节——当用户将任务拖...

在完成任务项的选中与取消选中功能后，核心需求升级为“选中状态下拖拽触发批量移动，未选中时保持单个拖拽”，同时需实现“所有选中项同步透明”的视觉反馈。本文将基于React D...

一、功能承接与需求概述 上一篇文档中，我们已完成单个任务项的拖动排序功能。本次迭代的核心需求是实现多个任务项的批量选中，具体需达成以下目标： 扩展状态管理，支持存储选中的任...

一、引言 在基础 TodoList 项目中，我们实现了任务的添加、状态切换和删除等核心功能。为了提升用户体验，拖拽排序是一个非常实用的功能，它允许用户通过直观的拖放操作来重...

若你已熟悉基础 TodoList 的项目结构与核心功能，无需额外了解基础版本，可直接跳过本文，前往后续 React-DnD 拖拽功能的学习章节。 在学习 React-DnD...

上一篇我们完成了React-DnD的环境搭建，通过安装依赖和全局注入后端，让整个应用具备了拖放能力的基础。这一篇，我们将深入React-DnD的核心——那些支撑起拖放功能的...

上一篇我们用“待办清单”场景吃透了React-DnD的7个核心概念——从“拖动源”到“拖放后端”，每个角色的分工都清晰明了。这一篇就进入配置环节：把这些概念落地到代码里的第...

React-DnD 是 React 生态中处理拖放交互的“神器”，但刚接触时容易被“拖动源”“监视器”这些概念绕晕。其实它的核心逻辑很简单——就像现实中“拿东西放到指定位置...

前两天分享了一篇自己的个人经历，没想到引来了那么多人共鸣，很多人留下了评论，大部分评论我都认真看了，并且也回复了，有的评论建议真的很棒，对我的帮助很大，很感谢。这次结合上篇...