2018年JavaScript的五种主要发展趋势
日期：2018-09-26
来源：程序思维浏览：2013次
对于开发人员而言，2017年效率惊人，但预计2018年将为IT领域带来更多发展。在这篇文章中，为了与项目打交道时潮流跟上，我们将介绍在2018年的JavaScript，每一个前端程序员需要关注的五大趋势。
1. Vue.js
就在两年前，很难想象Vue.js能够忍受快速增长的React系统的竞争。该深思熟虑并经过时间考验的角度是一回事，但Vue的......我们没有想到这个开发环境是在前端的技术工具列表中的佼佼者。
对于那些不熟悉Vue的人，让我们简要介绍一下它的获胜方式。
为什么Vue.js位居榜首？首先，它易于学习，并且具有创建前端代码的灵活环境，这使得代码编写不易出错。 Vue开发人员Evan You在Angular工作
他确定后者对于UI构建来说是不必要和繁琐的，并且他大胆地创建了一个具有低入门门槛的前端创建解决方案，因此Vue出现了
它旨在帮助具有少量编程经验的设计人员使用所有工作来创建功能界面。
此外，Vue.js支持声明式呈现，异步DOM更新，双向数据绑定以及严格遵守Web组件规范和HTML模板的简单集成。
到目前为止，Vue.js的功能已经由一个小社会的支持（与反应，棱角分明，目前流行的库，它是通过获得反应，角源）。在一般情况下，如果角甚至阵营——的JavaScript最流行的图书馆之一，——是对你来说太复杂，它看起来相当严格和僵化，那么你一定要了解Vue公司在2018年。
2.React
虽然我们在2018年看到的顶级Javascript库的竞争趋势直接在React和Vue.js之间，但前者的有用性在来年不会减少。如果您以前没有使用过React，那么您必须熟悉它的优点。开始吧。首先，这个框架需要带有HTML和CSS的Javascript。其次，它是团队协作的理想选择，因为它创建的应用程序可以明确划分为组件 - 业务逻辑和前端。这是可能的，因为开发环境基于MVVM（模型 - 视图 - 视图 - 模型）模式。第三，React是创建可扩展应用程序的理想选择，支持与第三方库的简单集成。此框架通常用于构建动态移动应用程序，因为它使用双向数据绑定，这增加了对具有丰富动画元素的应用程序的响应性。
现在让我们讨论一下React的缺点。开发人员经常提到的第一件事是移动设备上的高功耗（尽管与其他框架相比，这可以通过适当的代码优化来减少）和高入门门槛（如果你从头开始使用React，那么你'准备花1.5到2个月学习大量文档）。开发人员在第一次接触React时更喜欢“简单”的Javascript编码。
如果我们总结上面不同框架所克服的各种问题，我们可以说React是一个久经考验的框架，通过适当的模块化处理，它可以构建可扩展的解决方案（这在演示中相关证明就足够了）。因此，我们自信地得出结论，尽管越来越多的JS框架每年进入IT市场，但React仍然是近年来最好的Javascript框架之一。
3. GraphQL
GraphQL是一种API查询语言，由Facebook开发人员开发，具有奇怪的语法。其目的是超越传统REST API的功能，同时简化来自多个源的数据收集。让我们给你一个具体的清单。想象一下，您需要在正在构建的社交网络框架中显示帖子列表，以及用户的首选项（如、集合等）。在实现方面，这个例子非常简单，你只需要从下一个数据库端点发出请求。但是，由于数据可能来自不同的来源（例如，如果帖子存储在MongoDB或Redis中），生成的应用程序将比舒适的工作慢得多。此外，如果您认为数据的大小会随着时间的推移而增加，那么您需要更多的存储空间，您将意识到REST API迟早会耗尽其效率。这就是GraphQL的用武之地，使用GraphQL而不是使用单独的端点来访问每个资源。您可以使用单个端点来同时处理涉及多个数据源的复杂查询。与REST模型相比，GraphQL是一种智能个人助理，它使用您指定的源地址来提供所需的内容。
GraphQL的优势也得到了证明：2017年，它被Github，Spotify和沃尔玛等知名公司采用。
4.Gatsby
如果您的预算紧张，但您也想在项目中仅使用高级技术，那么您必须尝试Gatsby。 Gatsby是由Kyle Matthews为静态网站的创建而构建的新解决方案。
它如何胜过同行？与Jekyll，Hugo或Hexo等流行解决方案不同，这个静态生成器不使用模板，而是依赖于Webpack和React组件（注意React的官方网站本身是在Gatsby的帮助下编写的）。因此，您可以获得自动更新和即时页面转换的好处。从版本1.0开始，Gatesby使用上面提到的GraphQL。因此，在构建过程中，它可以从多个GraphQL API获取数据，然后使用它们来创建完全静态的React客户端应用程序。现在让我们从无聊的功能列表转移到真正的问题，看看盖茨比是否适合你。Web开发人员使用现成的引擎并不总是那么容易。即使是最受欢迎的用户，例如Joomla或Wordpress，也会以需要及时更新或安全性不足的形式为用户带来问题（有经验的黑客会攻击您网站上未更新的关键密钥插件）。我有一些麻烦，这是在将来的欺诈活动中使用它）。该主题也是许多内容管理系统的弱点。相反，开发人员更喜欢使用可根据需要在将来重写的单独模块。
此外，CMS将限制其用户的性能优化（是的，最先进的解决方案，允许您更快地创建网站；但是，在多个用户请求大量服务的情况下，速度并不容易使用现成的引擎所写的网站）。这就是静态网站近年来如此受欢迎的原因。除了我们上面描述的明显优势之外，该页面还有一个重要的缺点。——其内容不易编辑。静态网站生成器专门用于解决这个问题，而且由于GraphQL，Gatsby是最好的之一。我们坚持认为，任何在职前端工程师至少在2018年都会拥有这种流行工具的基本知识。
5.Storybook
Storybook是一个有用的开源工具，适用于使用React的开发人员。特别是，由于StoryBook，您可以在独立环境中设计和规划应用程序之外的UI组件，并在创建新的UI组件时进行更改。如果此功能对您不重要，那么让我们考虑一下Storybook如何帮助解决几个严重的问题。
今天，许多有用的工具支持简单快速地创建功能客户端 - 服务器系统，包括最着名的Meteor、Firebase、GraphQL和Falcor。所有这些工具使编程过程变得基本，应用程序响应迅速。虽然React及其流行的重新加载功能对UI创建开发人员有很大帮助，但设计阶段仍需要大量时间和大量代码。想象一下，你有一个待办事项列表的组成部分。它有几个状态（一个空列表，一个部分填充的列表，列表中的所有元素都被填充，列表中只有几个元素被填充），我们需要调整每个元素的UI。即使您可以创建通用代码来转换每个州的应用程序界面，您仍然需要记录它（否则其他团队成员很难理解）。 Storybook如何在这里提供帮助？
如前所述，React Storybook允许您在应用程序之外开发和测试UI组件，并允许团队中的其他开发人员继续使用它们。
换句话说，有时加速界面开发过程。
2018年JS趋势：
我们非常希望我们的名单能够引起您对来年最重要的前端趋势的关注。
另一方面，如果您已阅读此参考资料并希望将主要项目工作委托给专业人士，我们将很乐意接受这一责任！我们的专家随时准备为您提供最先进的预算技术。
立即联系我们获取更多信息，并讨论您项目的详细信息。
1. Vue.js
就在两年前，很难想象Vue.js能够忍受快速增长的React系统的竞争。该深思熟虑并经过时间考验的角度是一回事，但Vue的......我们没有想到这个开发环境是在前端的技术工具列表中的佼佼者。
对于那些不熟悉Vue的人，让我们简要介绍一下它的获胜方式。
为什么Vue.js位居榜首？首先，它易于学习，并且具有创建前端代码的灵活环境，这使得代码编写不易出错。 Vue开发人员Evan You在Angular工作
他确定后者对于UI构建来说是不必要和繁琐的，并且他大胆地创建了一个具有低入门门槛的前端创建解决方案，因此Vue出现了
它旨在帮助具有少量编程经验的设计人员使用所有工作来创建功能界面。
此外，Vue.js支持声明式呈现，异步DOM更新，双向数据绑定以及严格遵守Web组件规范和HTML模板的简单集成。
到目前为止，Vue.js的功能已经由一个小社会的支持（与反应，棱角分明，目前流行的库，它是通过获得反应，角源）。在一般情况下，如果角甚至阵营——的JavaScript最流行的图书馆之一，——是对你来说太复杂，它看起来相当严格和僵化，那么你一定要了解Vue公司在2018年。
2.React
虽然我们在2018年看到的顶级Javascript库的竞争趋势直接在React和Vue.js之间，但前者的有用性在来年不会减少。如果您以前没有使用过React，那么您必须熟悉它的优点。开始吧。首先，这个框架需要带有HTML和CSS的Javascript。其次，它是团队协作的理想选择，因为它创建的应用程序可以明确划分为组件 - 业务逻辑和前端。这是可能的，因为开发环境基于MVVM（模型 - 视图 - 视图 - 模型）模式。第三，React是创建可扩展应用程序的理想选择，支持与第三方库的简单集成。此框架通常用于构建动态移动应用程序，因为它使用双向数据绑定，这增加了对具有丰富动画元素的应用程序的响应性。
现在让我们讨论一下React的缺点。开发人员经常提到的第一件事是移动设备上的高功耗（尽管与其他框架相比，这可以通过适当的代码优化来减少）和高入门门槛（如果你从头开始使用React，那么你'准备花1.5到2个月学习大量文档）。开发人员在第一次接触React时更喜欢“简单”的Javascript编码。
如果我们总结上面不同框架所克服的各种问题，我们可以说React是一个久经考验的框架，通过适当的模块化处理，它可以构建可扩展的解决方案（这在演示中相关证明就足够了）。因此，我们自信地得出结论，尽管越来越多的JS框架每年进入IT市场，但React仍然是近年来最好的Javascript框架之一。
3. GraphQL
GraphQL是一种API查询语言，由Facebook开发人员开发，具有奇怪的语法。其目的是超越传统REST API的功能，同时简化来自多个源的数据收集。让我们给你一个具体的清单。想象一下，您需要在正在构建的社交网络框架中显示帖子列表，以及用户的首选项（如、集合等）。在实现方面，这个例子非常简单，你只需要从下一个数据库端点发出请求。但是，由于数据可能来自不同的来源（例如，如果帖子存储在MongoDB或Redis中），生成的应用程序将比舒适的工作慢得多。此外，如果您认为数据的大小会随着时间的推移而增加，那么您需要更多的存储空间，您将意识到REST API迟早会耗尽其效率。这就是GraphQL的用武之地，使用GraphQL而不是使用单独的端点来访问每个资源。您可以使用单个端点来同时处理涉及多个数据源的复杂查询。与REST模型相比，GraphQL是一种智能个人助理，它使用您指定的源地址来提供所需的内容。
GraphQL的优势也得到了证明：2017年，它被Github，Spotify和沃尔玛等知名公司采用。
4.Gatsby
如果您的预算紧张，但您也想在项目中仅使用高级技术，那么您必须尝试Gatsby。 Gatsby是由Kyle Matthews为静态网站的创建而构建的新解决方案。
它如何胜过同行？与Jekyll，Hugo或Hexo等流行解决方案不同，这个静态生成器不使用模板，而是依赖于Webpack和React组件（注意React的官方网站本身是在Gatsby的帮助下编写的）。因此，您可以获得自动更新和即时页面转换的好处。从版本1.0开始，Gatesby使用上面提到的GraphQL。因此，在构建过程中，它可以从多个GraphQL API获取数据，然后使用它们来创建完全静态的React客户端应用程序。现在让我们从无聊的功能列表转移到真正的问题，看看盖茨比是否适合你。Web开发人员使用现成的引擎并不总是那么容易。即使是最受欢迎的用户，例如Joomla或Wordpress，也会以需要及时更新或安全性不足的形式为用户带来问题（有经验的黑客会攻击您网站上未更新的关键密钥插件）。我有一些麻烦，这是在将来的欺诈活动中使用它）。该主题也是许多内容管理系统的弱点。相反，开发人员更喜欢使用可根据需要在将来重写的单独模块。
此外，CMS将限制其用户的性能优化（是的，最先进的解决方案，允许您更快地创建网站；但是，在多个用户请求大量服务的情况下，速度并不容易使用现成的引擎所写的网站）。这就是静态网站近年来如此受欢迎的原因。除了我们上面描述的明显优势之外，该页面还有一个重要的缺点。——其内容不易编辑。静态网站生成器专门用于解决这个问题，而且由于GraphQL，Gatsby是最好的之一。我们坚持认为，任何在职前端工程师至少在2018年都会拥有这种流行工具的基本知识。
5.Storybook
Storybook是一个有用的开源工具，适用于使用React的开发人员。特别是，由于StoryBook，您可以在独立环境中设计和规划应用程序之外的UI组件，并在创建新的UI组件时进行更改。如果此功能对您不重要，那么让我们考虑一下Storybook如何帮助解决几个严重的问题。
今天，许多有用的工具支持简单快速地创建功能客户端 - 服务器系统，包括最着名的Meteor、Firebase、GraphQL和Falcor。所有这些工具使编程过程变得基本，应用程序响应迅速。虽然React及其流行的重新加载功能对UI创建开发人员有很大帮助，但设计阶段仍需要大量时间和大量代码。想象一下，你有一个待办事项列表的组成部分。它有几个状态（一个空列表，一个部分填充的列表，列表中的所有元素都被填充，列表中只有几个元素被填充），我们需要调整每个元素的UI。即使您可以创建通用代码来转换每个州的应用程序界面，您仍然需要记录它（否则其他团队成员很难理解）。 Storybook如何在这里提供帮助？
如前所述，React Storybook允许您在应用程序之外开发和测试UI组件，并允许团队中的其他开发人员继续使用它们。
换句话说，有时加速界面开发过程。
2018年JS趋势：
我们非常希望我们的名单能够引起您对来年最重要的前端趋势的关注。
另一方面，如果您已阅读此参考资料并希望将主要项目工作委托给专业人士，我们将很乐意接受这一责任！我们的专家随时准备为您提供最先进的预算技术。
立即联系我们获取更多信息，并讨论您项目的详细信息。