寫在前面的話

目前，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變化與否

效果展示

首頁
待上傳
作品詳情頁
章節閱讀頁

轉載于:https://www.cnblogs.com/jiajin/p/8533325.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。