编辑

web开发人员在他们的技术堆栈中寻找什么? I think it mainly comes down to two types of performance: You want rapid development and you want the UI to be snappy. 听起来很简单.

But the implied context is a set of mechanics that, above all, work correctly. Underneath all JavaScript frameworks and technologies are choices among paradigms: functional versus object-oriented programming, MVC, MVP, MVVM, 等等....... These choices are heralded by various meta-developers as the best way to avoid hurting ourselves because there are plenty of pitfalls in front-end development.

如果你不认为管理状态很棘手的话, consider the fact that 80% of all problems in all complex systems are fixed by rebooting.

- stuart alloway (@stuarthalloway) 2019年6月1日

换句话说， 前端开发人员 will need what they’ve always needed: 技术 that makes state management simple and reliable, 即使在复杂的情况下.

通常，我们这些普通人需要选择要使用的JS框架 现在而不是经过数周的研究. 在这种情况下，默认值是明确的:使用您所知道的.

但是当我们对我们所知道的失望时, we might take a step back: “Dependency injection makes sense to me, so which DI-based framework delivers the smoothest developer experience?(如果你真的懂的话，你可能会懂 在不使用JS框架的情况下做自己的DI.)

Or maybe the stacks we’re familiar with are no longer cutting it in terms of performance. Especially if you’re interested in supporting the ever-growing segment of the population with 比一般开发人员使用的机器更弱的机器, 也许你会问, “Which front-end JavaScript frameworks deliver a reasonably fast UX on low-end hardware?”

做出明智的选择(祝你好运!)

几乎总是有比时间更多的选择 正确选择. 即使只是选择 Vue.js, 反应, 角 对新来者来说很困难:很容易找到 有人在争论为什么.Js对每个项目都是最好的，毫无疑问 而且很容易找到 someone who isn’t quite as convinced, two years after switching from 反应. 不过，也有人会提出异议 最好的方法是完全避免使用框架 或 从各种“微前端”构建应用程序. So how do you navigate this, especially if you’re open to choices beyond The Big Three?

而不是尽其所能, we’ve assembled a taste of various client-side approaches that professional developers in the Toptal network have had experience 在 a JS context: AMP, 苗条的, 周期.js、Mithril、Hyperapp、Preact和水母.

In the comparison table we put together for the main article, I had originally asked each author whether they thought the JS framework they covered lived up to its aspirations. 我省略了这个，因为 每个案例的答案都是 是的! If this is true, why aren’t more people using these different JavaScript frameworks?

前端框架流行度和临界质量

获得可靠的使用数据总是很困难的, but these projects are all firmly-established enough to be practical alternatives. 的确，在职业环境中, you want to make it easy enough to hire someone with appropriate experience to maintain or extend your code. This carries considerable weight, especially with project managers.

但与这种想法相对应的是 可维护性不一定与受欢迎程度有关. 游戏总是在变化, it’s more important to produce code that future developers can understand, even if they’re not specialized in its particular dependencies. 三年后, 角 developers won’t be waiting around to work on your legacy project, after all—they will have shifted their focus by then as well, 即使只是更新的架构 在 角的世界.

Some of our authors assume outright that the alternatives they cover here will never become “the next big thing.希望在那里, 而不是, is that their existence provokes the most popular JS frameworks to adopt their best features. They would answer our title question: To be brutally honest, 也许不是. 尽管如此, 就像任何技术替代品一样, 专业开发人员可以从探索中学到很多东西.

Also, you never k现在—some of these approaches are learning from each other. Vasiliy Ruzanov details in our main article how the Elm Architecture is finding its way into front-end development via Hyperapp. 一位Mithril JS开发者对此表示赞赏 新的苗条的 JS基本上有Mithril JS流; as Justen Robertson describes for us, streams are also key to the architecture of 周期.js.

The smaller development communities inherent to alternative JavaScript tech may be able to shift gears more nimbly than those of mainstream JS frameworks. 这会帮助他们获得牵引力吗? 我们拭目以待.

从AMP JavaScript, 苗条的 JS, 周期中可以学到什么.Mithril js、Hyperapp js、Preact js和水母 js?

Maybe you end up using these modern JS frameworks and other front-end technologies for a serious project. Or maybe you experiment with them and decide to stay mainstream. 无论哪种方式, 我们希望在我们的前端综述中, you’ll at least discover something inspiring—something that helps you see web development in a new way. 你会发现 我们的前端框架比较 comes complete with an apples-to-apples companion demo for each of the technologies we cover. 享受!