成功的技巧

本指南介绍使用 PWA Kit 进行开发的关键技术技能。

一般来说,PWA Kit 开发人员应该熟悉以下技能:

  • 构建 universal React.js 应用程序。
  • ES6JavaScript 编程。
  • 使用 CSS 样式化 UI 组件。
  • 使用 RESTful API,例如Salesforce Commerce API
  • 使用 Node.jsExpress.js 开发 Web 应用程序。
  • 使用 npm 管理包和运行脚本。

如果您具备上述技能,您就可以直接大展身手!以下是使用 PWA Kit 构建网店应用程序时使用的更全面的技能清单。如果您并不擅长每项技术,请不要担心。使用 PWA Kit 提供了大量机会,让您可以轻松掌握高需求的新技能!

PWA Kit 应用程序用现代 JavaScript 编码。甚至 CSS 也用 JavaScript 编写!

无标头商务应用程序会频繁发出网络请求,因此 fetch() 的知识至关重要。我们建议使用在浏览器和 Node.js 环境中都可以使用的通用提取库(例如 cross-fetch)。为了获得最佳性能,您必须能够使用 Promisesasync and await 编写异步代码。

React 是所有 PWA Kit 应用程序的基础。React 官方文档是一个很好的起点。这些文档非常有帮助,我们建议您阅读所有内容!为了更有针对性地学习 React,请尝试关注组件、道具、渲染有效周期和状态管理,包括 React 16.8 中引入的 Hook 等新概念。

您的应用程序使用 API 从 Salesforce Commerce Cloud 获取其所有商务数据。您应该整体熟悉 RESTful API,尤其是 B2C Commerce APIOpen Commerce API (OCAPI)。

根据项目的细节,以下领域的额外知识和技能也会有所帮助:

  • 单页应用程序的架构原则和后端换前端模式
  • 使用 Lighthouse 和 WebPageTest 进行网页性能测试
  • PWA 核对清单
  • 使用cURLPostman等工具与 API 交互
  • HTTP 网络和缓存
  • 网络分析
  • 搜索引擎优化
  • 配置 webpack 等构建工具
  • 进行 DNS 更改并执行切换
  • 使用第三方 JavaScript 库来增强站点功能
  • 使用媒体查询flexbox网格的响应式网页设计布局技术