不完全预测：八大前端JavaScript趋势和工具

JavaScript的天下正在快速成长。

前端开拓(和收集开拓)的天下正在以极快的速率成长。现在，假如不借助前端或Webpack、React Hooks、Jest、Vue和NG元素，你会很快被远远抛下。不外，环境正在产生改变。

尽量开拓职员和技强职员在前端规模中的数目逐年上升，生态体系却有尺度化的趋势。新技能和器材的呈现正在改变当下的法则。

总体趋势必定会是一种基于组件组成的用户界面尺度化，会影响从样式到测试乃至状态打点的全部方面，而且总体具有更好的模块度。这将包罗环绕web组件、ES模块、组件核心器材等技能构建。

以下是对将来几年前端开拓的一些不完全猜测，仅供参考。

1. 与框架无关的Web组件

这概略上代表了将来。由于这些纯web组件与框架无关，可以在没有框架或任何框架拼写尺度化的环境下事变。由于不行使JS说话，并受到许多赏识器的支持。其bundle的巨细和耗损也将是最优的，并且VDOM泛起震撼民气。

这些组件提供自界说元素，这是一个应承界说新的html标签的Javascript应用措施编程接口，用于指定机关的HTML模板，虽然尚有本质上特定于组件的影子DOM。

在这个规模中必要相识的首要器材是Lit-html， StencilJS，SvelteJS虽然尚有 Bit，用于可重用的可以在任那里所直接共享、行使和开拓的模块组件。

当思量到用户界面开拓的将来，以及组件期间中模块度、可重用性、封装性和尺度化的原则时，web组件就是谜底。

2. 框架斗嘴的将来?

此刻，在NPM下载中React如故是前端中的“女王”。

我们不会深入切磋“哪个更好，为什么更好”，相反，假如退回一步的话，你会留意到更重要更弘大的部门。环绕组件的前端技能的总体“市场份额”正在增添。新开拓职员也在快速涌入，器材的行使空间也越来越大。

那么将来5年内哪个框架会成为支配呢?没有人知道。但可以必定地说，它将是在原生JS生态体系中施展浸染的最佳位置，web组件在个中支配着文档工具模子dom。React在NPM中下载量最高。然而——看看这些数字。好像在现实web行使中差距很是小。

令人震惊吧?

现实上，Vue和React在现实行使中很靠近。

跟着将来与框架无关的web组件的尺度化，不少人都想知道也许会对用户界面框架斗嘴发生的影响。究竟上，我们都知道React确实不是一个框架。

3. 组件疏散，重用和组成

heBit组件：将来的代码共享、重用和开拓

当谈到在不久的未来的前端开拓和用户界面组件时，不行能忽视 Bit惊人的promise成果。

Bit(开放源)疏散并将组件(或任何可重用的JS代码)转换为共享的构建块，可供在全部项目和应用中行使和共享。神奇的是——还可以行使Bit从差异项目开拓沟通组件，同时完全节制源代码变动和整个依靠图。

简朴地说，通过Bit可以当即在另一个项目中行使一个项目中的组件，并开拓和同步变动这两个组件。团队事变时，这个事变流将通过Bit的组件中心 bit.dev 增强，可以在个中组织和共享团队代码。

组件中心提供了在组件上共享和协作所需的统统，从大度的搜刮和发明体验到及时组件playground，一连集成和一连交付的充实支持等。

通过Bit可以充实构建应用措施，即时得到团队和开源社区写入的全部组件，并当即共享新组件或提议对现有组件举办更新。

4. ES模块和内容分发收集

ES模块是在赏识器顶用模块事变的尺度，被ECMAScript尺度化。行使ES模块可以很轻易地将成果封装进模块中，可以通过内容分发收集等方法行使。跟着Firefox 60的宣布，全部主流的赏识器都将支持ES模块，Node mteam正致力将ES模块支持添加到Node.js中。其它，用于WebAssembly的ES模块整合将在将来几年内实现。想象一下，JS组件与Bit疏散，并通过 bit.dev内容分发收集行使。

5. 组件级此外状态打点

那么状态打点有什么新变革呢?我们只必要在Redux中就能打点统统事宜吗?

但这也许很难实现充实操作组件，使模块获得重用。React新的Context API 和 Hooks意味着不必要第三方库，便可以在成果组件级别打点状态，从而进步模块度和可重用性。

因此，瞻望将来，我们可以实行更多地从封装组件而较少从环球应用市肆的角度来思量状态打点。

6. 组成样式化组件

Bit模块:由独立逻辑和主题组件组成样式

已往两年有许多关于样式化组件的接头。从内联层叠样式表或层叠样式表模块到JS中的层叠样式表和样式组件，乃至像stylable这样的半途办理方案，有许多办理方案。

将来几年，样式可以作为一种组成。这意味着，组件计划系统应该同时包括逻辑组件和主题组件，可以行使Bit之类的器材组成。通过这种方法可以建设一个计划系统，按照必要举办成长和改变，不会将一个伟大的库强加给不肯意去应用的开拓职员。计划器材自己如Sketch an Figma，操作will组件来到达这个目标(团结Bi获得最终的组件计划系统。

7. 用于数据驱动应用措施的GraphQL应用措施编程接口客户端

令人欢快的是，在客户端有很大的也许性来通过组件行使GraphQL。行使阿波罗可以轻松通过GraphQL构建获取数据的用户界面组件。团结Bit能从正在处理赏罚的项目中导入和开拓这些组件。

通过对应用措施编程接口的智能打点，可以简化环绕数据驱动应用措施开拓的事变流，加速开拓速率。以是对将来几年的瞻望绝对是值得的。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!