文件名称:react-notifier:具有react挂钩和上下文API的可重用通知系统
文件大小:456KB
文件格式:ZIP
更新时间:2024-05-18 13:22:24
react notification context-api react-hooks react-not
开发人员在构建React组件时的经验 在大型公司中,管理应用程序和团队之间的一致性始终是一个特殊的挑战。 无论是UX,设计,代码样式,构建工具,清单都在继续。 这就是很大程度上构成开发人员体验的原因。 良好的开发人员体验(DX)是指开发人员可以优化的方式完成工作,而不必担心诸如引导应用程序,缩进标准,命名约定之类的事情。 在谈论React生态系统时,它从一开始就通过组件样式模式来处理DX,并通过构建诸如类的工具来进一步增加DX。然后是诸如类的设计系统,它们带来了一致性使用相同的React组件跨不同存储库制作应用程序的方式。 在此博客中,我们将研究如何构建可重用的通知系统并避免常见的陷阱,我们会在开发React的同时加深对它的了解。 考虑一个通知/警报/吐司弹出组件,作为一个组件,它应该能够呈现传递给它的所有子组件,并且应该能够通过单击关闭按钮来关闭/隐藏自身(甚至关闭或隐藏)。设置的
【文件预览】:
react-notifier-master
----package.json(812B)
----package-lock.json(619KB)
----folder_structure.png(39KB)
----src()
--------App.css(562B)
--------index.js(603B)
--------logo.svg(3KB)
--------contexts()
--------serviceWorker.js(5KB)
--------App.test.js(280B)
--------setupTests.js(255B)
--------components()
--------App.js(3KB)
--------styles()
--------index.css(442B)
----.gitignore(310B)
----public()
--------logo192.png(5KB)
--------manifest.json(492B)
--------robots.txt(67B)
--------index.html(2KB)
--------logo512.png(9KB)
--------favicon.ico(3KB)
----README.md(18KB)
----react-notifier.gif(289KB)