7. 前端应用程序
1m

🖼 前端第一步

我们的前端客户端是一个 React 应用程序。它使用 React 用于路由，Emotion 用于样式化组件。

让我们打开client/ 目录在我们的 IDE 中。在 src 目录下，我们有一些子目录： pages， containers， components 和 assets：

📂 client
  ┣ 📂 src
  ┃ ┣ 📂 assets
  ┃ ┣ 📂 components
  ┃ ┣ 📂 containers
  ┃ ┣ 📂 pages
  ┃ ┣ ...
  ┣ ...

我们将大部分时间花费在 pages/ 和 containers/ 目录中，通过 与 Apollo Client 进行交互。

The components/ 文件夹包含我们的 UI React 组件。它们只负责显示通过 props 收到的数据。这些组件已经构建完毕，因为它们不是本课程的重点。

让我们试用一下这个应用程序，看看它现在是什么样子的！从 client/ 目录中，运行：

npm start

这个应用程序构建完毕，然后从端口 3000 提供服务。目前，它只是一个空布局，包含一个导航栏、一个标题、一个 logo、一个背景，以及……仅此而已。

任务！
上一页

分享您对本课程的疑问和评论

您的反馈帮助我们改进！如果您卡住或困惑，请告诉我们，我们会帮助您。所有评论都是公开的，必须遵循 Apollo 行为准则。请注意，已解决或处理的评论可能会被删除。

您需要一个 GitHub 帐户才能在下面发布。没有帐户？ 在我们的奥德赛论坛中发布。