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

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

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

其他章节请看： 七天接手react项目 系列 尾篇 前面我们依次学习了 react 基础知识、react 脚手架创建项目、react 路由，已经花费了不少时间，但距离接手 spug_web 项目还有一些困难。 package.json 作为项目的核心，从中我们能大概知晓此项目 ...

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

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

1.安装react 开发工具 1.下载 chrome react developer tools 下载地址：https://pan.baidu.com/s/1eSZsXDC 下载好是一个crx 格式的文件。 2.安装：打开chrome 浏览器==>更多 ...

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