JulyNovel-React

写在前面的话

目前,JulyNovel后端框架基本搭建、部署完毕,GraphQL提供的API接口也有着高可用性,数据库里也存了六七百兆爬来的小说数据,是时候开始写前端了。

框架选用

JulyNovel采用的技术栈是React + Antd + Relay
其实我这种展示类网站事实上是完全没必要用React的,还不如直接Asp.net + jQuery + Bootstrap进行开发,还有利于SEO。
怎么说呢,比较适用于小说,排行榜的维护等应用场景。
不过呢,我做JulyNovel就是为了好玩、学习、练手,加上我之前已经用.Net做过类似的了,所以现在选择React作为开发框架。

开始搭建项目基架

首先安装nodejs和npm或者yarn不谈
1.安装官方脚手架create-react-app
2.安装antd
yarn add antd
3.配置antd

yarn add react-app-rewired --dev
yarn add babel-plugin-import --dev
yarn add react-app-rewire-less --dev

可参考antd的配置方式
4.安装relay relay-compiler

yarn add  react-relay
yarn add --dev babel-plugin-relay graphql

可参考relay进行配置
5.安装watchman,非必须
自动化监测graphql变化与否

效果展示

首页
待上传
作品详情页
章节阅读页

posted @ 2018-03-09 13:06  J.Kuai  阅读(203)  评论(0编辑  收藏  举报