成功的技巧
本指南介绍使用 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 提供了大量机会，让您可以轻松掌握高需求的新技能！
PWA Kit 应用程序用现代 JavaScript 编码。甚至 CSS 也用 JavaScript 编写！
无标头商务应用程序会频繁发出网络请求，因此 fetch() 的知识至关重要。我们建议使用在浏览器和 Node.js 环境中都可以使用的通用提取库（例如 cross-fetch）。为了获得最佳性能，您必须能够使用 Promises 和 async and await 编写异步代码。
- 在线课程：Modern JavaScript From The Beginning（现代 JavaScript 从头开始）
- 在线课程：JavaScript Concurrency（JavaScript 并发）
- MDN：Fetch API - Web APIs
fetch()参考页- Express.js 网络服务器
- 如何调试 Node.js 应用程序
- 管理 npm 包
- 使用 npm-run-scripts
React 是所有 PWA Kit 应用程序的基础。React 官方文档是一个很好的起点。这些文档非常有帮助，我们建议您阅读所有内容！为了更有针对性地学习 React，请尝试关注组件、道具、渲染有效周期和状态管理，包括 React 16.8 中引入的挂钩等新概念。
- 在线课程：Modern React（现代 React）
- Components and Props – React（组件和道具 – React）
- State Management（状态管理）
- Lifecycle + State（有效周期 + 状态）
- Context（上下文）
- Error Boundaries（错误界限）
- Hooks（挂钩）
- Server Side Rendering（服务器端渲染）
- Hydration（激活）
- Debugging with React DevTools（使用 React DevTools 进行调试）
- React extensions like react-router and react-helmet（React 扩展，例如 react-router 和 react-helmet）
您的应用程序使用 API 从 Salesforce Commerce Cloud 获取其所有商务数据。您应该整体熟悉 RESTful API，尤其是 B2C Commerce API 和 Open Commerce API (OCAPI)。
根据项目的细节，以下领域的额外知识和技能也会有所帮助：