1m
你现在打开了该课程的较旧版本。 查看课程变更日志.
🖼 前端第一步
我们的前端客户端是一个 React 应用程序。它使用 Reach路由器进行路由，使用 Emotion 进行组件造型。
我们打开client/目录在我们的 IDE 中。在 src目录中我们看到以下子目录： pages、 containers、 components和 assets：
📂 client┣ 📂 src┃ ┣ 📂 assets┃ ┣ 📂 components┃ ┣ 📂 containers┃ ┣ 📂 pages┃ ┣ ...┣ ...
我们多数时间会在 pages/和 containers/目录中，通过 GraphQL 服务器在 Apollo 客户端中与之交互。
components/文件夹保存了我们的 UI React 组件。这些组件只负责展示通过 props 接收到的数据。这些组件已经构建好，因为它们不是这个课程的重点。
让我们用该应用来尝试一下，看看它现在的样子！在 client/ 目录中，运行：
npm start
该应用将会构建，然后从端口 3000 中提供。就目前来说，它只是一个空布局，带有导航栏、标题、徽标、背景，就没了。
任务！
分享您对此课程的问题和评论
您的反馈有助于我们改进！如果您遇到了困难或感到困惑，请告诉我们，我们会帮助您。所有评论都是公开的，且必须遵守 Apollo 行为准则。请注意，已解决或得到处理的评论可能会被删除。
您需要一个 GitHub 帐户才能在下面发布。还没有帐户？ 转而在我们的 Odyssey 论坛中发布。