• 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变化与否

    效果展示

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

  • 相关阅读:
    Ubuntu使用PBIS认证
    命令行运行Python脚本时传入参数的三种方式
    Python中调用shell
    Install chocolatey
    Configure vyatta
    Linux: Block Port With IPtables
    转:PHPStorm+XDebug进行调试图文教程
    转 Fira Code | 为写程序而生的字体
    转 [PHP]
    转:Drupal 如何得到字段的值?
  • 原文地址:https://www.cnblogs.com/jiajin/p/8533325.html
Copyright © 2020-2023  润新知