此文本已使用 Salesforce 机器翻译系统进行翻译。如需了解更多详情，请点击此处。
成功的技巧
本指南介绍使用 PWA Kit 进行开发的关键技术技能。
一般来说，PWA Kit 开发人员应该熟悉以下技能：
- 构建 universal React.js 应用程序。
- ES6JavaScript 编程。
- 使用 CSS 样式化 UI 组件。
- 使用 RESTful API，例如Salesforce Commerce API。
- 使用 Node.js 和 Express.js 开发 Web 应用程序。
- 使用 npm 管理包和运行脚本。
如果您具备上述技能，您就可以直接大展身手！以下是使用 PWA Kit 构建网店应用程序时使用的更全面的技能清单。如果您并不擅长每项技术，请不要担心。使用 PWA Kit 提供了大量机会，让您可以轻松掌握高需求的新技能！
JavaScript
PWA Kit 应用程序用现代 JavaScript 编码。甚至 CSS 也用 JavaScript 编写！
无标头商务应用程序会频繁发出网络请求，因此 fetch() 的知识至关重要。我们建议使用在浏览器和 Node.js 环境中都可以使用的通用提取库（例如 cross-fetch）。为了获得最佳性能，您必须能够使用 Promises 和 async and await 编写异步代码。
推荐的 JavaScript 资源
- 在线课程：Modern JavaScript From The Beginning（现代 JavaScript 从头开始）
- 在线课程：JavaScript Concurrency（JavaScript 并发）
- MDN：Fetch API - Web APIs
fetch()参考页- Express.js 网络服务器
- 如何调试 Node.js 应用程序
- 管理 npm 包
- 使用 npm-run-scripts
React.js
React 是所有 PWA Kit 应用程序的基础。React 官方文档是一个很好的起点。这些文档非常有帮助，我们建议您阅读所有内容！为了更有针对性地学习 React，请尝试关注组件、道具、渲染有效周期和状态管理，包括 React 16.8 中引入的 Hook 等新概念。
推荐的React.js资源
- 在线课程：Modern React（现代 React）
- Components and Props – React（组件和道具 – React）
- State Management
- 状态 和 与效果同步
- 环境
- Error Boundaries（错误界限）
- Hook：快速入门、教程和参考概述
- Server Side Rendering（服务器端渲染）
- Hydration（激活）
- Debugging with React DevTools（使用 React DevTools 进行调试）
- React extensions like react-router and react-helmet（React 扩展，例如 react-router 和 react-helmet）
API
您的应用程序使用 API 从 Salesforce Commerce Cloud 获取其所有商务数据。您应该整体熟悉 RESTful API，尤其是 B2C Commerce API 和 Open Commerce API (OCAPI)。
推荐的 API 资源
接受培训
- 讲师指导的培训：开发 B2C 组合型网店
更多知识和技能
根据项目的细节，以下领域的额外知识和技能也会有所帮助：
- 单页应用程序的架构原则和后端换前端模式
- 使用 Lighthouse 和 WebPageTest 进行网页性能测试
- PWA 核对清单
- 使用cURL 和 Postman等工具与 API 交互
- HTTP 网络和缓存
- 网络分析
- 搜索引擎优化
- 配置 webpack 等构建工具
- 进行 DNS 更改并执行切换
- 使用第三方 JavaScript 库来增强站点功能
- 使用媒体查询、flexbox 和 网格的响应式网页设计布局技术
j