随笔分类 - React
Vite+React搭建开发构建环境实践
摘要：前言 使用 Vite 已经有两年了，期间使用它开发过单页面应用，也开发过浏览器扩展插件，对比日常工作中用到的 webpack 构建速度大幅提升，开发体验也好很多。 虽然相比于 webpack 来说简单了很多，但是仍然有一些配置需要记录一下，以便之后可以快速搭建一个本地开发构建的环境。 使用 crea
阅读全文
解析Markdown文件生成React组件文档
摘要：前言 最近做的项目使用了微前端框架single-spa。 对于这类微前端框架而言，通常有个utility应用，也就是公共应用，里面是各个子应用之间可以共用的一些公共组件或者方法。 对于一个团队而言，项目中公共组件和方法的使用难点不在于封装不在于技术，很多时候在于团队内部成员是否都能了解这些组件，以避
阅读全文
纯js制作的XML在线编辑器（支持修改本地文件）
摘要：前言 一年多没更新博客了，原因是疫情期间《骑马与砍杀2》发售，然后去写游戏MOD去了。 用C#大概写了7个月的游戏MOD，每天晚上肝到很晚，然后期间又因为介绍这个游戏MOD，学习了PR，然后做起了B站的UP主。 再到后面有了些别的想法和公司业务调整，也懒得写博客，不知不觉一年多也就过去了。 收获还是
阅读全文
《古剑奇谭3》千秋戏辅助工具（前端React制作）
摘要：前言 一直身在武汉，基于众所周知的疫情原因，这个春节只能宅着。 不过其实这个春节是这些年来过得最爽的一个了。 没有鞭炮，不用四处跑，安安心心呆在家里玩玩游戏看看书写写代码，其实日子过得还是挺悠闲的。 废话少说，这段时间买了《古剑奇谭3》，全成就拿齐了之后，就抽了点时间来分享在玩游戏的过程中自制的一个
阅读全文
React中useEffect的源码解读
摘要：前言 对源码的解读有利于搞清楚Hooks到底做了什么，如果您觉得useEffect很“魔法”，这篇文章也许对您有些帮助。 本篇博客篇幅有限，只看useEffect，力求简单明了，带您到React Hooks的深处看看 按图索骥找到Hook相关源码（可以直接跳） 首先我们从Github上得到react
阅读全文
关于为什么使用React新特性Hook的一些实践与浅见
摘要：前言 关于Hook的定义官方文档是这么说的： Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 简单来说，就是在使用函数式组件时能用上state，还有一些生命周期函数等其他的特性。 如果想了解Hook怎么用， "
阅读全文
使用dva改造React旧项目的数据流方案
摘要：## 前言 最近在给自己的脚手架项目转到TypeScript时，遇到了一些麻烦。 项目之前采用的是react + react-redux + redux-thunk + redux-actions +redux-promise的体系。 当项目转TypeScript时,react和react-redu
阅读全文
在React旧项目中安装并使用TypeScript的实践
摘要：前言 本篇文章默认您大概了解什么是TypeScript，主要讲解如何在React旧项目中安装并使用TypeScript。 写这个的目的主要是网上关于TypeScript这块的讲解虽然很多，但都是一些语法概念或者简单例子，真正改造一个React旧项目使用TypeScript的文章很少。 所以在这里记录
阅读全文
Redux与它的中间件：redux-thunk，redux-actions，redux-promise，redux-saga
摘要：序言 这里要讲的就是一个Redux在React中的应用问题，讲一讲Redux，react-redux，redux-thunk，redux-actions，redux-promise，redux-saga这些包的作用和他们解决的问题。 因为不想把篇幅拉得太长，所以没有太多源码分析和语法讲解，能怎么简单
阅读全文
React中嵌套组件与被嵌套组件的通信
摘要：前言 在React项目的开发中经常会遇到这样一个场景：嵌套组件与被嵌套组件的通信。 比如Tab组件啊，或者下拉框组件。 场景 这里应用一个最简单的Tab组件来呈现这个场景。 import React, { Component, PropTypes } from 'react' class Tab e
阅读全文
React组件重构：嵌套+继承 与 高阶组件
摘要：前言 在最近做的一个react项目中，遇到了一个比较典型的需要重构的场景：提取两个组件中共同的部分。 最开始通过使用嵌套组件和继承的方式完成了这次重构。 但是后来又用高阶组件重新写了一遍，发现更好一点。 在这里记录下这两种方式以便之后参考和演进。 本次重构的场景 因为场景涉及到具体的业务，所以我现在
阅读全文
