前端与后端解耦，使用啥 JS 框架/库？

Posted 2023-03-24

【中文标题】前端与后端解耦，使用啥 JS 框架/库？

【英文标题】：Decouple frontend from backend, what JS framework/library to use?前端与后端解耦，使用什么 JS 框架/库？

【发布时间】：2016-02-04 09:57:46

【问题描述】：

我想将现有站点的前端与后端完全解耦，该站点当前使用jQuery 和 cookie (jinja2/python)。

在阅读了许多选项之后，Angular 和 React js 似乎是一种可行的方法，但我想知道/有一些反馈，关于什么可能最适合这项任务并且在未来几年。

到目前为止，如果我理解正确 React 只是一个 VIEW 库，我需要一些额外的东西来拉取/发布数据，而 Angular 是一个完整的框架。

我将使用json tokens 和 JSON 在后端 REST API 之间进行 POST/GET 数据，Angular 似乎是这个选项，但对于渲染和更新视图，React 似乎做得很好。

本来想用polymer，不过好像只兼容chrome，起码支持Safari，火狐，不用担心IE。

我想避免同时使用两者或最终构建一个沉重的页面，现在我计划使用purecss，但仍然需要找到可以使用的最佳 JS 库/框架。

因此，在继续搜索、谷歌搜索之前，如果有任何想法、提示或评论，我将不胜感激。

【问题讨论】：

是大型应用吗？

如果是小型应用，可以结合使用 ReactJS 和 jQuery AJAX 功能。

@JacqueGoupil “基于意见”和“我应该使用哪个框架”都是 Programmers 的密切原因，与 Stack Overflow 相同。请阅读：What goes on Programmers.SE? A guide for Stack Overflow.

@Snowman 哦，那我猜它在任何 SE 网站上都没有位置？

事实上，这对大多数 SE 来说都是题外话。对不起，因为它格式正确。但是帮助中心很清楚，我们这里不允许资源/库/软件/工具推荐问题。不过，还有希望！它甚至不适合softwarerecs.stackexchange.com。考虑加入我们的聊天室并以该格式提问。

【参考方案1】：

我讨厌成为“那个人”，但在使用 Angular（1 倍，而不是 2 倍）和 React 几个小时后，我不断退回到Knockout（数据绑定/视图）和jQuery（ ajax) 用于大多数 Web 应用程序前端。他们真是太简单了。

加上Falcon、Flask、Pycnic 等的轻量级 API 后端，开发感觉非常干净。

我想我的观点是：我不会排除经过时间考验且仍在维护的工具。 Angular 和 React 可能不会持续那么久，尽管我认为两者都能满足您的需求。

如果你决定使用 React，那么你可能也会对它的 TypeScript (tsx) 实现感兴趣。 VS Code 编辑器通过智能感知很好地支持了这一点——我很惊喜。

【参考方案2】：

当然，事情变化非常快，在进行了更多研究、通过 IRC 与使用许多框架且经验丰富的人聊天之后，我决定选择react js。

最后，前端都是关于视图的，我想要一种简单、简单的方法来处理/维护它。

为了进行 POST/GET 调用，我们将只使用普通 AJAX。

【讨论】：

对于 POST/GET 调用，您还可以使用 Fetch，较新版本的 chrome 已经原生支持。对于其他浏览器，您可以同时使用 polyfill。因此，在未来，除了所有浏览器都支持的 vanillaJS 之外，您将不必依赖任何东西。