React GraphQL Koa仿Pinterest手機端

zsirfs 發布于2019-08-22 16:13 / 3100人閱讀

摘要：客戶端使用服務端使用歡迎加在線預覽在線預覽啟動默認是連接遠程服務器的，以下連接本地的服務安裝更改里連接地址。并更改里的常量為運行文件目錄

客戶端使用React + ApolloClient + GestaltUI

服務端使用Koa2 + GraphQL + Mongoose

github 歡迎加?

https://github.com/tzuser/react-graphql

在線預覽

在線預覽

API

啟動

cnpm install
npm run start

默認是連接遠程服務器的，以下連接本地的服務

安裝mongodb

更改 server/db.js 里 let db=mongoose.connect("mongodb://web:wysj3910@127.0.0.1:27017/web") 連接地址。

并更改 src/public.js 里的 HOST 常量為 http://localhost:8181

運行 npm run server

文件目錄

├── index.ejs
├── package.json
├── README.md
├── server
│?? ├── db.js
│?? ├── graphql
│?? │?? ├── APIError.js
│?? │?? ├── comment.js
│?? │?? ├── file.js
│?? │?? ├── formatError.js
│?? │?? ├── main.js
│?? │?? ├── post.js
│?? │?? ├── public.js
│?? │?? └── user.js
│?? ├── index.js
│?? ├── render.js
│?? └── server.js
├── src
│?? ├── actions
│?? │?? ├── config.js
│?? │?? ├── photo.js
│?? │?? └── public.js
│?? ├── Components
│?? │?? ├── AddPhoto.jsx
│?? │?? ├── Footer.jsx
│?? │?? ├── FooterNavLink.jsx
│?? │?? ├── HeaderContainer.jsx
│?? │?? ├── Header.jsx
│?? │?? ├── HiddenFooter.jsx
│?? │?? ├── IconButton.jsx
│?? │?? ├── ListButton.jsx
│?? │?? ├── PageLoading.jsx
│?? │?? ├── PostList.jsx
│?? │?? ├── Scroll.jsx
│?? │?? └── Tabs.jsx
│?? ├── constants.js
│?? ├── Containers
│?? │?? ├── App.jsx
│?? │?? ├── Comments.jsx
│?? │?? ├── Create.jsx
│?? │?? ├── Find.jsx
│?? │?? ├── Home.jsx
│?? │?? ├── Join.jsx
│?? │?? ├── Login.jsx
│?? │?? ├── MoreLikes.jsx
│?? │?? ├── Notice.jsx
│?? │?? ├── Post.jsx
│?? │?? ├── User.jsx
│?? │?? ├── UserLikes.jsx
│?? │?? └── UserPosts.jsx
│?? ├── index.js
│?? ├── Module
│?? │?? ├── MaterialUIServiceRendering.js
│?? │?? └── PWS.js
│?? ├── public
│?? │?? ├── Global.js
│?? │?? ├── Theme.js
│?? │?? └── tool.js
│?? ├── public.js
│?? ├── reducers
│?? │?? ├── config.js
│?? │?? ├── index.js
│?? │?? └── loads.js
│?? ├── static
│?? │?? ├── favicon.ico
│?? │?? ├── logo.png
│?? │?? └── manifest.json
│?? └── store.js
├── static
│?? ├── default.jpg
│?? ├── favicon.ico
│?? ├── logo.png
│?? └── manifest.json
├── webpack.build.js
└── webpack.dev.js

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94151.html

react技術棧仿App版網易云音樂

摘要：本來沒打算寫網易云音樂的，好像都已經被大家寫爛了，不過沒辦法，暫時想不到其他的可寫，加上網易云音樂又有，還可以基于做一層的處理再提供給前端調用，然后才決定用寫了這個仿版網易云音樂技術棧實現的功能發現頁我的電臺頁側邊欄歌單內頁電臺內 react-music 本來沒打算寫網易云音樂的，好像都已經被大家寫爛了，不過沒辦法，暫時想不到其他的可寫，加上網易云音樂又有API，還可以基于restfu...

_Zhao 2019-08-22 17:33 評論0 收藏0
2019 簡易Web開發指南

摘要：工具軟件欲先攻其事必先利其器，用好工具是做好開發的基礎。框架目前最流行簡單易用，越來越多人用曾經很流行，現在有點衰退狀態管理后端渲染開發工具依賴管理，應用打包，任務管理，編輯器擴展，，移動端有了前端的知識后，我們還可以開發手機。 2019年即將到來，各位同學2018年辛苦了。不管大家2018年過的怎么樣，2019年還是要繼續加油的！在此我整理了個人認為在2019仍是或者將成為主流的...

vspiders 2019-05-28 17:11 評論0 收藏0
王下邀月熊_Chevalier的前端每周清單系列文章索引

摘要：感謝王下邀月熊分享的前端每周清單，為方便大家閱讀，特整理一份索引。王下邀月熊大大也于年月日整理了自己的前端每周清單系列，并以年月為單位進行分類，具體內容看這里前端每周清單年度總結與盤點。感謝王下邀月熊_Chevalier 分享的前端每周清單，為方便大家閱讀，特整理一份索引。王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清單系列，并以年/月為單位進行分類，具...

2501207950 2019-08-22 14:53 評論0 收藏0