摘要:一個高仿的掘金,大部分是按照掘金的來實現(xiàn)的,個別地方就根據(jù)自己想法修修改改,只做了移動端的部分,還做的部分就要花太多時間了,支持服務(wù)端渲染等,寫這個項目主要是對近幾個月所學(xué)的技術(shù)做個實踐,看看有哪里還有不足,以及在實際開發(fā)的時候會踩到哪些
react-juejin
一個高仿的掘金,大部分是按照掘金的ui來實現(xiàn)的,個別地方就根據(jù)自己想法修修改改,只做了移動端的部分,還做pc的部分就要花太多時間了,支持服務(wù)端渲染、pwa等,寫這個項目主要是對近幾個月所學(xué)的技術(shù)做個實踐,看看有哪里還有不足,以及在實際開發(fā)的時候會踩到哪些坑,該怎么解決
運行yarn or npm install # development npm run dev:client npm run dev:server # production npm run build npm start技術(shù)棧
react
react-dom
react-router-dom
react-helmet (設(shè)置title及meta)
react-loadable
react-redux
redux-connect (異步路由跳轉(zhuǎn))
react-router-config
react-virtual-list (長列表渲染)
prop-types
@rematch/core (rematch 一個更好用的redux)
@rematch/loading (調(diào)用effects時,自動設(shè)置loading)
immer (以帶副作用的方式修改數(shù)據(jù)并返回新引用的數(shù)據(jù),不會影響原始數(shù)據(jù))
axios
babel-polyfill
classnames
lodash-es
react-swipe
react-toastify
react-content-loader (內(nèi)容占位的loading)
react-lazyload
react-swipe
swipe-js-is
husky (husky注冊git hook)
lint-staged (對被提交的文件依次執(zhí)行寫好的任務(wù))
webpack
eslint
express
實現(xiàn)的功能
公共頭部
登錄
首頁
文章點贊
切換分類
文章頁
評論列表
評論點贊
推薦文章列表
沸點頁
小冊
開源庫
活動頁
用戶主頁
關(guān)注用戶
用戶動態(tài)列表
用戶專欄
用戶沸點
用戶的點贊
用戶關(guān)注的標簽
大概就是以上的功能,登錄的話只支持手機登錄,或者可以手動設(shè)置一個這樣的cookie,再刷新頁面就登錄成功了
const userInfo = { token: data.token, clientId: data.clientId, uid: data.user.uid } Cookies.set("userInfo", userInfo, { path: "/" })項目結(jié)構(gòu)
├─.gitattributes ├─ecosystem.json pm2部署配置 ├─src | ├─app.jsx | ├─entry-client.js | ├─entry-server.js | ├─registerServiceWorker.js | ├─utils 工具函數(shù) | ├─store store配置 | ├─routes 路由配置 | ├─models store的model文件,創(chuàng)建state、reducers、effects | ├─containers 頁面組件 | ├─components 展示組件 | ├─assets 需要webpack處理的資源 | ├─api 對請求庫的封裝及獲取數(shù)據(jù)的方法 ├─server 服務(wù)端渲染 ├─public 靜態(tài)資源 ├─build webpack配置 | ├─dll 生成dll的配置 ├─.vscode | └launch.json預(yù)覽 首頁 文章頁 沸點 小冊 開源庫 活動 用戶頁 最后
要是感興趣的話,可以自行看代碼,大部分內(nèi)容還是比較簡單的,有問題的話歡迎提出了一起討論
項目地址
線上地址
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/98914.html
摘要:是目前唯一一個支持同步調(diào)用的跨平臺年度上最多的個項目前端掘金年接近尾聲,在最近的幾篇文章中,會整理總結(jié)一些年度開源項目。 JS 全棧教程 - 前端 - 掘金本課程是基于阮一峰的 js 全棧教程的視頻版本,免費供大家觀看... 2016 年 10 個最佳的 CodePen 作品 - 前端 - 掘金說到 CodePen,前端開發(fā)者們肯定不會陌生。如果說 Dribbble 是設(shè)計師們聚集的圣...
摘要:說好的分類集合來啦,采用標簽云的方式來展示掘金閱讀提示點擊下文中返回到頂部有分類不合理的地方請?zhí)帷7淳幾g這個后發(fā)現(xiàn)其使用個優(yōu)質(zhì)的開源項目掘金是由的開源的一個庫,用于構(gòu)建可預(yù)期的和聲明式的用戶界面。 想不想通過一線互聯(lián)網(wǎng)公司面試? - Android - 掘金國內(nèi)一線互聯(lián)網(wǎng)公司內(nèi)部面試題庫 以下面試題來自于百度、小米、樂視、美團、58、獵豹、360、新浪、搜狐內(nèi)部題庫 熟悉本文中列出的知...
閱讀 2562·2021-11-22 09:34
閱讀 3539·2021-11-15 11:37
閱讀 2341·2021-09-13 10:37
閱讀 2105·2021-09-04 16:40
閱讀 1564·2021-09-02 15:40
閱讀 2456·2019-08-30 13:14
閱讀 3326·2019-08-29 13:42
閱讀 1903·2019-08-29 13:02