七天接手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 ...