使用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] 书架

项目截图

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!