使用react技術棧徹底重寫一個vue書城項目

本項目是在以前一個vue項目基礎上，用react技術棧重寫的一個書城項目

vue版本地址

本項目地址

預覽地址

項目說明

本項目是一個react + nodejs + mysql構建的移動書城項目，數據是經過nodejs爬蟲爬取，存儲在mysql中，項目api經過express構建，前端部分是react技術棧。關於爬蟲和api的詳情請參考vue版本的說明，地址。

在寫這個以前對於vue算是比較熟練了，轉到react，jsx的語法研究了兩天，而後研究了一下redux，發現跟vuex是相似的東西，上手起來也比較快。

而後開始用react全家桶重寫這個項目，利用空餘時間先後花了大概不到一個星期的樣子，再以後花了一兩天新增了vue版本沒有的書架功能。

項目是基於create-react-app構建的，增長了sass的支持，組件熱重載還未支持，加入了react-router和redux。

總結一下，vue和react的理念我認爲是差很少的，重點都是組件化，state、props也是相似的做用，vuex和redux也有必定程度的相似，兩者區別可能就是語法不同了，vue寫起來更像傳統的html、js、css開發方式，jsx的寫法有的人可能難以接受，可是也不難掌握，另外可能react對於js的掌握程度要求更高一些。

因此我認爲，vue和react若是你熟悉其中之一，我相信上手另外一個是很快的，由於核心理念你已經掌握了，剩下了就是語法了，vuex和redux也是同樣。

本項目難點我認爲是書架功能，也都寫了註釋，有相似想法的能夠相互印證。

功能

• [x] 首頁推薦

• [x] 書籍詳情

• [x] 類似推薦

• [x] 分類查看

• [x] 閱讀器

• [x] 章節跳轉

• [x] 更改字體

• [x] 更換主題

• [x] 夜間模式

• [x] 翻頁瀏覽

• [x] 本地存儲（存儲每本書的閱讀進度）

• [x] 書架

項目截圖