JulyNovel-React

• 2019 年 10 月 5 日
• 筆記

寫在前面的話

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

效果展示

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