寫在前面的話

目前，JulyNovel后端框架基本搭建、部署完畢，GraphQL提供的API接口也有著高可用性，數(shù)據(jù)庫里也存了六七百兆爬來的小說數(shù)據(jù)，是時候開始寫前端了。

框架選用

JulyNovel采用的技術棧是React + Antd + Relay
其實我這種展示類網(wǎng)站事實上是完全沒必要用React的，還不如直接Asp.net + jQuery + Bootstrap進行開發(fā)，還有利于SEO。
怎么說呢，比較適用于小說，排行榜的維護等應用場景。
不過呢，我做JulyNovel就是為了好玩、學習、練手，加上我之前已經(jīng)用.Net做過類似的了，所以現(xiàn)在選擇React作為開發(fā)框架。

開始搭建項目基架

首先安裝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,非必須
自動化監(jiān)測graphql變化與否

效果展示

首頁
待上傳
作品詳情頁
章節(jié)閱讀頁

轉(zhuǎn)載于:https://www.cnblogs.com/jiajin/p/8533325.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結

以上是生活随笔為你收集整理的JulyNovel-React的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。