【文件属性】:
文件名称:kanban-board:使用React构建的简单看板
文件大小:2.92MB
文件格式:ZIP
更新时间:2021-03-15 01:13:04
JavaScript
看板
使用的图书馆
React.js
用于全球状态管理。
样式。
用于拖放。
现场项目
实时项目链接可以在找到。
设置
要在本地计算机上设置项目,请克隆存储库并运行以下命令。
$ yarn install
上面的命令将安装所有依赖项。
$ yarn start
上面的命令将在http://localhost:3000/上启动项目的本地副本
项目如何运作
该项目是使用React和上面提到的其他库构建的简单看板应用程序。 我已经使用localStorage在浏览器刷新期间持久保存数据。
当进行拖放时, react-beautiful-dnd完成大部分繁重的工作。 我使用zustand而不是redux来维护我的全局状态,因为它提供了一种无需所有样板即可管理全局状态的简便方法。
我已经使用了tailwindcss为应用程序提供样式。
【文件预览】:
kanban-board-master
----.gitignore(310B)
----package.json(1KB)
----src()
--------components()
--------index.js(219B)
--------App.js(3KB)
--------constants.js(48B)
--------index.css(151B)
--------hooks()
--------data.js(865B)
----firebase.json(235B)
----craco.config.js(126B)
----public()
--------robots.txt(67B)
--------logo192.png(5KB)
--------index.html(2KB)
--------favicon.ico(4KB)
--------manifest.json(492B)
--------logo512.png(9KB)
----.github()
--------workflows()
----.eslintrc.js(286B)
----README.md(1KB)
----.firebase()
--------hosting.YnVpbGQ.cache(2KB)
----.firebaserc(54B)
----docs()
--------showcase.webm(3.66MB)
----tailwind.config.js(212B)
----yarn.lock(510KB)