七天接手react项目 背景 假如七天后必须接手一个 react 项目（spug - 一个开源运维平台），而笔者只会 vue，之前没有接触过 react，此刻能做的就是立刻展开一个“7天 react 扫盲活动”。 react 活动扫盲方针 以读懂 spug 项目为目标 无需对每个 ...

其他章节请看： 七天接手react项目 系列 react 起步 背景 假如七天后必须接手一个 react 项目（spug - 一个开源运维平台），而笔者只会 vue，之前没有接触过 react，此刻能做的就是立刻展开一个“7天 react 扫盲活动”。 react 活动扫盲 ...

其他章节请看： 七天接手react项目 系列 react 路由 本篇首先讲解路由原理，接着以一个基础路由示例为起点讲述路由最基础的知识，然后讲解嵌套路由、路由传参，最后讲解路由组件和一般组件的区别，以及编程式导航。 Tip：我们要接手的 react 项目是：spug_web ...

其他章节请看： 七天接手react项目 系列 react 脚手架创建项目 前面我们一直通过 script 的方式学习 react 基础知识，而真实项目通常是基于脚手架进行开发。 本篇首先通过 react 脚手架创建项目，分析其目录结构，接着编写第一个组件、解决样式覆盖，最后配置 ...

其他章节请看： 七天接手react项目 系列 state&事件处理&ref 在 react 起步 一文中，我们学习了 react 相关知识：jsx、组件、props。本篇将继续研究 state、事件处理和ref。 state State 与 props 类似 ...

其他章节请看： 七天接手react项目 系列 生命周期&受控和非受控组件&Dom 元素&Diffing 算法 生命周期 首先回忆一下 vue 中的生命周期： vue 对外提供了生命周期的钩子函数，允许我们在 vue 的各个阶段插入一些我们的逻辑 ...

umi官网 ：https://umijs.org/ 支付宝当家大牛云谦搞得框架，不用自己配webpack babel那一堆烦人的东西。而且它约定了路由的规则。非常简单容易上手。 mobx 的官网：https://cn.mobx.js.org/ 用mobx而不用dva主要是因为 dva ...

前言 说好的教程终于来了，文章主要带大家打造一个 react spa 的项目，使用的技术栈是 vite+react+ts,vite 的快想必我就不用介绍了，用过的都说好， react + ts 已经成为大型项目的主流，大厂极为青睐，所以学好 react + ts ...