1.1 简介

在本简短课程中，我将带你一步步构建特斯拉电池续航计算器的 React 版本。

我们将复现 Todd Motto 的 使用 Angular 2 响应式表单构建特斯拉电池续航计算器 这个项目。

我们会复用部分素材，例如数据、图片和 CSS 样式（已获得 Todd 的许可）。我们的重点是用 React 的方式 重新实现这个项目。

这是我们应用的最终效果动图：

🚀 在开始之前，可以先查看 在线演示版本。

💻 你也可以查看 源代码。

请注意，为了跟上本教程，你可能需要具备一些基础的 React 知识。推荐参考以下资源：

• React 官方文档

• 通往 React 学习之路

• 使用 React + D3v4 成为数据可视化工程师

现在，让我们逐步创建这个应用。