JavaScript世界正在快速发展。前端开发（和Web开发）的世界发展很快。今天，如果您不熟悉Webpack、ReactHooks、Jest、Vue和NG元素，您将开始感觉到差距越来越大。然而，事情正在发生变化。虽然前端丛林中的开发人员和技术人员的数量每年都在爆炸式增长，但生态系统渴望标准化。新技术和工具的出现改变了游戏规则。可以肯定地说，总体趋势将朝着UI标准化方向发展，这是一种基于组件的组合，它会影响从样式到测试甚至状态管理的所有内容，并且通常会导致更好的模块化。这将包括围绕Web组件、ES模块、以组件为中心的工具等构建的技术。这是对未来几年前端开发状态的简短但部分的了解。自然地，它遗漏了一百万个东西，所以请随时跳到下面并添加您的见解。1.FrameworkAgnosticWebComponents基本上，这就是未来。为什么？因为这些纯Web组件与框架无关，并且可以在没有框架或没有任何标准化框架拼写的情况下工作。因为它们没有JS疲劳，并且有现代浏览器支持。因为它们的包大小和使用将是最佳的，并且VDOM渲染将是惊人的。这些组件提供自定义元素，这是一种JavascriptAPI，可让您定义一种新型的html标记、用于指定布局的HTML模板，当然还有本质上特定于组件的ShadowDOM。这个领域的知名工具是Lit-html（和Lit-element）、StencilJS、SvelteJS，当然还有用于可在任何地方直接共享、使用和开发的可重用模块化组件的Bit。考虑到组件开发时代的未来和模块化、可重用、封装和标准化的原则，WebComponents是答案。在下面了解更多信息。2.框架战争的未来？>是的，在NPM下载量中，React仍然是女王。目前。所以我们不会真正深入探讨“谁会变得更好以及为什么”，您将在下面找到该问题的更多答案。相反，我们退后一步，关注大局。围绕组件的前端技术的整体“市场份额”正在增长。不断地。新开发者的入职率也在快速增长，工具的空间更大。令人震惊吧？>事实上，Vue和React在实际使用中非常接近。随着未来与框架无关的Web组件标准化，人们可能会对它对UI框架大战的影响感到好奇。是的，React不是框架……我们知道。深入研究使用真实数据进行基准测试的框架：3.组件隔离、重用和组合Bit和功能的惊人承诺。团队共享可重复使用的代码组件Bit简而言之，借助Bit，您可以立即在另一个项目中使用一个项目中的组件，从两个项目中开发和更改，并同步更改。作为一个团队工作时，Bit.dev是Bit的组件中心，可增强此工作流程，您可以在其中组织和共享团队的代码。该中心提供了在组件上共享和协作所需的一切，从完善的搜索和发现体验到实时组件游乐场、完整的CI/CD支持等等。借助Bit，您可以构建应用程序，可以完全即时访问您的团队和开源社区编写的所有组件，并共享新组件或即时建议对现有组件的升级。哇。4.ESmodules和CDNESModules是ECMAScript在浏览器中使用模块的标准化标准。使用ES模块，您可以轻松地将功能封装到可以通过CDN等方式使用的模块中。随着Firefox60的发布，所有主流浏览器都将支持ES模块，Nodemteam正在努力为Node.js添加ES模块支持.此外，ES模块将在未来几年为WebAssembly集成。试想一下，JS组件与Bit隔离，并通过bit.dev通过CDN进行消费。5.状态管理那么……状态管理有什么新东西？最终，我们还是要遍历Redux全局商店中的所有项目，对吧？但是，这可能难以充分利用组件的模块化和可重用性。React的新ContextAPI和Hooks意味着你不需要第三方库，你可以在功能组件级别管理状态，增加模块化和可重用性。因此，展望未来，我们可能会更多地考虑封装组件的状态管理，而不是全球应用商店。只是一个想法。5.Stylingcomponents>ModularwithBit：分离逻辑和主题组件，组合你的styling所以这两年围绕stylingcomponents的讨论非常频繁。有多种选择，从内联CSS或CSS模块到JS中的CSS和样式化组件，甚至是样式化的半途而废的解决方案。在考虑未来几年的风格时，我喜欢将风格视为一种组合。也就是说，我们的组件设计系统应该包括逻辑组件和主题组件，可以使用像Bit这样的工具将它们放在一起。通过这种方式，您可以创建一个可以根据需要更改和更改的设计系统，而无需为不想采用它的开发人员创建一个繁琐的库。设计工具本身（例如SketchaFigma）将为此目的利用组件（将它们与Bit结合起来，您将拥有最终的组件设计系统。这非常令人兴奋。6.用于数据驱动应用程序的GraphQLAPI客户端因此通过组件使用GraphQL打开了为客户提供令人兴奋的可能性。使用Apollo，您可以轻松构建通过GraphQL获取数据的UI组件。当与Bit结合使用时，您可以直接从Import中消费项目并开发这些组件。通过API的智能管理，我们可以简化围绕数据驱动应用程序开发的工作流程，加快工作的开发速度。因此，绝对值得深挖几年。7.基于组件的设计工具随着组件成为我们的设计系统，设计师和开发人员之间的鸿沟将被弥合.这从等式的两端（从设计者和开发者的角度来看）都是可能的。在设计组件之间已经创建的依赖关系链接ated，以便您可以以模块化方式设计和更新设计。与代码组件的集成已经萌芽，只是时间问题。像Figma这样的工具是基于可重用的UI元素从头开始构建的Framer团队正在为编码人员设计工具，具有一定的控制级别，可以将UI元素转换为可重用的React组件。借助Bit，您可以将设计的组件变成可重复使用的构建块，可以在任何地方直观地发现、使用甚至开发这些组件，从而弥合开发人员之间的差距。Bit+Component设计工具是一个强大的未来。通过CDN使用Bit和WebComponents意味着完整的功能。
