前端漫游指南：第三方代码

有一个包可以解决这个问题

第三方资源

结论

资源

有一个包可以解决这个问题

您无需从头构建整个 Web 应用。我们拥有众多库、工具、API 和 SDK 为您提供帮助。

第三方资源

• 图书馆
  • 可视化库
  • 实用程序库
  • 图形框架
  • 模板系统
• 工具
  • 静态站点生成器
  • 任务运行器
• 集成
  • REST API
  • SDK

图书馆

本系列的第一站介绍了 UI 库，但还有其他类型的库。

可视化库

虽然表格很酷，但地图或图表等数据可视化工具通常能提供更深入的洞察，并更清晰地展现潜在趋势。Highcharts和Chart.js通常是制作图表的首选，但像nivo这样的新库可以为您的图表提供更具风格的外观。

实用程序库

这些库规模较小，专注于帮助开发人员更轻松地解决特定问题。Moment.js可以显示基于时间的数据并执行各种操作。如果您感兴趣，Underscore为 JavaScript 添加了一系列函数式编程原语。Lodash也提供了类似的函数，使处理数组和数字对象更加容易。

图形框架

这些技术让您能够在 Web 上呈现精彩的体验。无论是使用AFrame 实现的 AR/VR，使用Phaser制作的精彩页游，还是使用Three.js和D3.js等工具实现的其他一切。这些技术让您能够充分发挥Canvas和WebGL的强大功能。

模板系统

在早期的 UI 库时代，模板系统常常是备受欢迎的伴侣。这些库专注于添加数据绑定和模板语法，而像 React 这样的新库则提供了开箱即用的功能。一些流行的例子是mustache和handlebars，尽管如今它们在 Node.js 项目中更多地用于服务器端。

工具

此类别与本系列中的“构建工具”类似。它们是命令行软件，用于处理项目的构建和部署方式。

任务运行器

可以说，任务运行器是构建工具的先驱，本系列的第四部分对此进行了探讨。任务运行器可以让你自动执行诸如压缩、转译、部署以及使用其他 CLI 工具等任务。最受欢迎的两个任务运行器是grunt和gulp。

静态站点生成器

静态网站生成器 (SSG) 是一款命令行工具，可让您专注于编写静态网站（例如博客）的内容。通常，它们会将格式化的 Markdown 文件转换为功能齐全的网站。

Gatsby是一款用 React 编写的现代静态网站生成器。Gatsby 与其他静态网站生成器 (SSG) 不同，它提供了通常在框架中常见的功能，例如组件以及与 REST API 的集成。Jekyll是另一个流行的静态网站生成器，Eleventy网站的性能非常出色。

集成

集成让您可以将第三方产品和服务整合到您的应用程序中。

REST API

REST 应用程序编程接口 (API) 是 Web 服务，您的 Web 应用可以使用它们来提供各种功能。例如，PokeAPI可让您创建自己的 Pokedex！此外，还有许多公共 API可供您的应用使用。

SDK

软件开发工具包 (SDK) 是一系列库和工具的集合，可让您将代码与服务集成。您可以使用Twitter API检索推文，或使用 Firebase SDK向您的应用添加Firebase功能。

结论

至此，《前端搭便车指南》终于完成了。我希望本系列能帮助你更好地理解这个常常让人不知所措的前端 Web 生态系统。

我要衷心感谢所有分享、阅读并参与本系列文章的朋友们。
这些积极的反馈给了我很大的动力，让我坚持写了八周。

您可以在Twitter上找到我，了解我接下来要写的内容，并且我打算不时在那里分享更多网络技术。

图片来源：Pixabay上的Free-Photos

资源

• WEB GL 库集合
• 任务运行器