product details demo 源码

产品详细信息页面 该项目使用Brad Frost在他的书描述的Atomic Design模式。 如果没有使用适当的文件夹结构,那么构建和维护大型React应用程序可能很快就会变得混乱而繁琐。 原子设计模式通过将组件分为atoms , molecules , organisms , templates和pages来帮助解决此问题。 由于该项目很小,因此仅实现了atoms文件夹。 Typescript用于启用静态类型检查 核心项目组件以App为前缀,以轻松识别它们。 CSS模块配置为在组件内启用CSS样式范围 配置为轻松使用实用程序CSS类 Redux配置为用于全局状态管理。 尽管这对于这个小项目可能是一个过大的杀伤力,但我还是用它来建模如何在实际应用中使用它。 安装 $ git clone git @ github . com : adesege / product - detail