尽量将大部分工作转移到编译过程中，以减少运行时在浏览器中完成的工作。有了基于组件的架构，就可以编译成纯HTML和原创，还承诺减少模板代码。它使用响应性编程直接更新DOM，而不是使用虚拟DOM。
给前端领域带来耳目一新的感觉，就是提供的功能更少。2020年的成长发展非常喜人。我希望我们能得到一些实际的例子来证明它确实能与强大的竞争对手如Vue和VUE竞争。
相关视频
静态网站的使用仍在继续，开发人员开始采用它们
随着盖茨比等框架利用率的提高，负责托管Netlify等静态网站的公司也迅速成长，于是无数headlessCMS公司纷纷出现静态网站，证明自己是web不可或缺的一部分。
静态网站将旧网站与新兴工具、库和更新相结合，提供无与伦比的体验。我们可以使用React等现代库来构建我们的网站，并在构建时将其编译成静态的HTML页面。因为所有的页面都是预先构建的，所以服务器不需要花时间用请求中的数据来呈现页面。利用CDN中的全局缓存，可以立即提供这些页面，并尽快提供给用户。
静态网站常用的一种编程模式是JAMStack。这是一种结合静态/SPA的方式。这些页面是静态提供的，但是一旦进入客户端，就被视为SPA——，通过API和用户交互提升UI状态。
普华永道的增长和采用有所增加
静态网站虽然速度无与伦比，但并不适合所有应用。另一个优秀的选择是PWA渐进式Web应用。我们可以使用PWA在浏览器中缓存资源，保证页面的即时响应和离线支持。此外，后台工作人员还可以在PWA模式下提供推送通知等本机功能。
甚至有人声称PWA可以替代原生移动应用。无论最终结果如何，毫无疑问，PWA将长期影响各大公司构建产品的主要方式。
前端工具越来越好
近年来，前端开发人员总是抱怨他们厌倦了JavaScript，但我们也慢慢看到开源项目维护人员的不懈努力减少了人们对JavaScript的厌倦。
以前要建立SPA，一定要用Bower或者NPM引入依赖，掌握如何使用Browserify或者Webpack从头编译编写Express服务器，在库更新时维护我们的应用。
我们经历了很多很多年的阵痛，现在却创造了最活跃最发达的软件包生态系统。我们有很多工具可以帮助我们抽象构建应用程序最痛苦的部分来创建React应用程序，VueCLI、AngularCLI、Gatsby用于静态网站，Expo用于ReactNative移动应用程序，Next/Nuxt用于SSR应用程序，生成器用于创建服务器，Hasura用于为GraphQL编写服务器，使用GraphQL代码生成器自动生成TypeScript类型，Webpack不断简化等等，我们总能找到工具来帮助我们减轻繁重的工作。
也许现在我们厌倦了工具。
GraphQL深受开发人员的喜爱，并被技术公司进一步采用
GraphQL REST有望解决传统的基于REST的应用程序所面临的许多问题。GraphQL很快得到了开发者的青睐，各大科技公司也开始采用。GitHub几年前用GraphQL编写了最新的API，很多其他组织也在做同样的改动。
GraphQL应用程序是数据驱动的，而不是端点驱动的，因此客户端可以声明所需的确切数据，并从服务器接收相应的JSON响应。GraphQLAPI提供记录所有数据及其类型的文档，帮助开发人员更全面地理解API。
GraphQLAPI也可以很好地与TypeScript应用程序集成，因为它提供了一个完全类型化的体系结构。GraphQLCodeGenerator可以读取客户端代码中的查询，并通过GraphQlCodeGenerator等工具将它们与模式匹配，以提供贯穿整个应用程序的类型脚本类型。
在过去的一年里，GraphQL的下载量翻了一番，阿波罗也开始向使用最广泛的框架迈进。
JS中CSS的发展势不可挡
随着Web开发的发展，JavaScript将称霸世界，这一点通过CSS-in-JS的采用得到了充分体现，因为这些CSS样式都是用JavaScript字符串创建的。
通过这种方式，我们可以通过导入/导出使用正常的JavaScript语法来共享样式和依赖关系。因为CSS-in-JS组件可以在样式字符串中插入道具，所以简化了动态样式。前面说过，Facebook甚至认为CSS-in-JS可能会成为前端的未来，很快会发布自己的库。
下面是CSS和CSS-in-JS的经典例子。如果使用普通CSS处理动态样式，就必须管理组件中的类名，并根据状态/道具进行更新。您还需要为每个变更创建一个CSS类
//componentjsfilecontmycamp({ isaactive }){ const class name isaactive？active : InActivireturnDivClassName { ClassName } HI/div }//CSsFile . active { color : green；}.非活动{ color:red}
在CSS-in-
JS中你不再需要管理CSS类。你只需要将props传递给样式化的组件而它会利用声明式的语法处理动态样式。这些代码更为简洁而且由CSS管理基于props的动态样式后我们就可以将样式与React相分离。实际的代码读起来与正常的React和JavaScript代码并无二样constHeaderstyled.divcolor:${({isActive})isActive?green:redconstMyComp({isActive}}(HeaderisActive{isActive}HI/Header)
styled-components和emotion是CSS-in-JS的两个主要库而且2019年emotion的下载超过了styled-components。从增长幅度来看这两个库遥遥领先于其他CSS-in-JS库而且它们还将持续快速增长。
VSCode是文本编辑器市场上的主宰
开发人员对于IDE/文本编辑器充满了热情他们会没完没了地争论为什么自己的编辑器才是最佳选择。然而前端开发人员不约而同地选择了VSCode。VSCode是一款开源编辑器它提供的插件为开发人员提供了无与伦比的体验。
根据“2018年JS的状况调查”地址https://2018.stateofjs.com/other-tools/文本编辑器的使用情况如下2019年的调查发布时下图将被更新
Webpack5已进入测试阶段且即将发布
Webpack已成为所有现代JavaScript工具链的核心组件而且也是最常用的构建工具。Webpack一直在提高性能和可用性努力为开发人员提供更好的工具。Webpack5主要侧重于以下几个方面
相关阅读
标签： #前端最新动态新闻
