传统与现代 Web 开发⚔️

现代 Web 开发。我们对它又爱又恨，因为它在彻底改变 Web 开发实践的同时，也使其变得极其复杂。

我想谈谈现代 Web 开发的几个方面，并阐述我所体会到的优势。我还会提到，当你仍然想以传统方式做事时，应该如何选择。

📦 管理软件包

旧方法：手动将包文件下载到vendor文件夹或链接 CDN。

现代方法：使用npm或Yarn等包管理器。

优点：能够使用install、update和remove命令管理所有软件包，不仅可以节省时间，还能跟踪过时或不安全的软件包等情况。唯一的缺点是这些软件包最终会依赖大量文件，因此对于非常简单的网站，您可能仍然认为从 CDN 链接软件包更好。

旧方法：使用jQuery手动操作 DOM 。

现代方法：使用React或Vue.js通过 JavaScript 渲染整个 UI 。

好处：将 UI 拆分成组件和状态可以大幅提升生产力，还能减少 bug。我在《声明式万物！》一文中对此进行了深入探讨。像JAMStack这样的静态架构也有利于简化部署。需要注意的是，虽然大型应用更容易维护，但手动 DOM 操作仍然非常适合在零外部依赖的情况下即时构建应用。

旧方法：使用连接和缩小工具手动声明文件如何合并在一起。

现代方法：使用语句和像Parcelimport这样的捆绑器。

优点：虽然这最初是一个巨大的痛点，但现在打包工具的使用已经变得容易多了。您可以使用包括import语句在内的最新功能编写 JS 和 CSS，代码将自动转换和打包。这不仅对跨浏览器兼容性很重要，而且对性能也很重要，因此即使在您可以依赖用户使用最新浏览器的情况下，您可能仍然需要使用打包工具。

附加功能：框架的 CLI 工具为你抽象了打包过程，让你无需操心。请参阅Create React App、Next.js、Vue CLI和Nuxt.js。

确实，如今的 Web 开发被认为很复杂，因为我们需要做出大量的决策。对于任何试图学习一切的新手来说，这尤其令人难以承受。

然而，我认为每个开发者都应该具备的一项技能是，决定哪些东西值得学习和使用。不要立即安装你在 Medium 文章中读到的新框架，除非它能为你解决某个特定问题，而其他更受社区支持的框架尚未解决。

我希望提供更多资源，帮助您更明智地做出这些决定。如果您仍在犹豫使用哪个 JavaScript 框架，请查看我的播客节目《为什么大家都在使用 React？》。

本文最初发表于我的时事通讯。