松弛克隆Slack前端克隆项目

Slack 的前端克隆项目,界面风格挺贴近原版,功能也还原得比较完整,适合拿来练手或者二次开发。你可以直接跑已部署版本看看效果,反应挺快的,页面切换顺畅,开发体验不错。

React 的脚手架用的是create-react-app,常见的命令都有:npm start启动开发模式,改个代码页面自动刷新,挺方便。想跑测试?npm test一行搞定。

npm run build会打包成生产版本,优化过的,构建后文件名还会带哈希,部署到线上不用太担心缓存问题。要是你想完全掌控构建配置,也支持npm run eject,但注意,一旦执行就回不去了,适合对 Webpack 和 Babel 比较熟的朋友。

这个项目蛮适合前端入门过 React 之后进阶练手的,顺带熟悉下现代构建流程。如果你感兴趣,还可以看看类似的克隆项目,比如Netflix 前端Spotify 克隆,都挺有意思的。

建议:如果你想用它做个人作品集或者面试展示,最好再改点 UI 或者加点特色功能。原样搬过去太多人用了,容易撞车。

zip
slack-clone-master.zip 预估大小:37个文件
folder
slack-clone-master 文件夹
folder
public 文件夹
file
manifest.json 492B
file
index.html 2KB
file
robots.txt 67B
file
favicon.ico 3KB
file
logo512.png 9KB
file
slackLogo.jpg 121KB
file
slackLogoSmall.jpg 14KB
file
logo192.png 5KB
file
.firebaserc 59B
folder
src 文件夹
file
ChatInput.css 445B
file
ChatInput.js 1KB
file
Chat.js 2KB
file
index.css 384B
file
Login.css 714B
file
Message.js 508B
file
Sidebar.css 2KB
file
Login.js 1KB
file
Chat.css 641B
file
firebase.js 362B
file
App.js 979B
file
Header.css 1KB
file
Sidebar.js 4KB
file
Message.css 298B
file
Header.js 1KB
file
SiderbarOption.js 971B
file
App.css 145B
file
reducer.js 402B
file
serviceWorker.js 5KB
file
StateProvider.js 472B
file
index.js 688B
file
SiderbarOption.css 398B
file
firebase.json 235B
file
README.md 3KB
file
.gitignore 310B
folder
.firebase 文件夹
file
hosting.YnVpbGQ.cache 2KB
file
package-lock.json 609KB
file
package.json 880B
zip 文件大小:293.64KB