frost web
1.0.0
frost web是 Po.et 的 Frost API 的前端,用于管理帐户和 API 令牌。
所有新功能都应合并到功能切换后面的主功能中,默认情况下功能切换是关闭的。一旦该功能经过充分测试,就可以删除切换开关。
这些是 ReactJS 组件和 Sass 样式。组件架构的灵感来自 Brad Frost 的原子设计。
大多数组件都有一个同名的关联.scss
文件。 components/styles
中还存在一些全局样式。样式由 Webpack 的style-loader
、 css-loader
、 autoprefixer
、 postcss-loader
和sass-loader
捆绑和加载。
组件分为原子、分子、有机体、页面和模态。经验法则是:较小的不应该使用较大的。这意味着原子不应该依赖于其他组件,分子只能依赖于原子等等。
由于历史原因,页面目前位于/components
之外,但将来它们将移至此文件夹中。
根组件是components/Root.tsx,ReactDOM.render在index.tsx中调用。
React Redux 减速器就在这里。他们根本不应该有任何逻辑,只是接收消息并更新 redux 存储。
Redux-Saga 传奇故事就在这里。大多数应用程序的逻辑,特别是所有副作用,应该只在传奇中。
应用程序使用的所有图像。它们在 images/Images.tsx 中作为类的static readonly
元素公开,使用 File Loader Webpack 插件来加载和捆绑它们。
JavaScript 原生类型的扩展位于此处。
我们主要遵循 StandardJS 和 AirBnB 的 JS 风格指南。我们还没有自动强制执行样式。
一些规则:
var
是被禁止的,并且应尽可能避免使用let
- 始终使用const
代替。