前端新趋势

前端新趋势

1. 2018年的web前端开发的重要新闻、重要事件和JavaScript的各种流行框架、模式发展趋势。

快速回顾,也就意味着篇幅精悍,重点突出,也就可能难免有不当和错误之处,如果有,敬请指正和留言讨论。
知识之旅开始:

NPM热门前端框架下载
老规矩,先来看最热门的几个框架npm下载量图

NPM热门前端框架

图里不难看出 十年霸主 jquery 依然稳定吗而且还有略高的上扬趋势,这可能亚太地区提供了不少帮助,毕竟很多老项目还是很依赖jquery。

React继续其统治地位无人能及。
React多年来一直主导Web开发,2018年它根本没有放慢速度。根据Stackoverflow 调查它仍然是最受欢迎的库之一。
核心React团队非常积极地更新库并添加功能。在整个2018年,我们看到了React v16版本的许多新增内容,包括新的[生命周期方法],[新的上下文API],[指针事件],[惰性函数]和[React.memo]。
React Hooks 得到了一些响亮的反馈,很多开发人员喜欢这个更新。挂钩是一种使用该useState功能向功能组件添加状态的方法,它还将管理生命周期事件。
不会React的同学不要着急,下面有Vue和Angular的,统统都有。下面这是链接,不过前提是你最好英语不错。
戳这里看 40个最佳 react教程(老外的)

2. Vue:2018年前端世界明星

Vue在GitHub Stars中比 React 的星星增长还多,在2017年Vue迅速爆发之后,Vue在2018年继续增长。实际上,它甚至超过了React在GitHub上收到的星星数量

Vue

不过,虽然Vue很受欢迎,但在实际使用中它仍然以React和Angular为后盾和体系支持。
Vue拥有一大批热情的用户群,而且还在不断增长,而且vue看起来将成为未来几年前端频繁使用的一个,其实更多的国人贡献超乎寻常的猛。彩蛋
另外,Vue3.0 已经在拟定发布中了,更多的性能优化和提升,不要担心语法层面改变。
Vue3.0

3. Angular继续亦步亦趋,发布v7版本

10月,Angular在其流行的UI框架的第7版中又发布了另一个主要版本。从早期的AngularJS MVC架构到使用组件的更现代的Angular包,Angular已经有了大量的增长。
但据我调查和感受,由于angular的庞大性和系统性,国人用它的越来越少,老外到是依然情有独钟。
因为虽然Angular与React和Vue等框架没有相同的狂热粉丝,但它仍然是专业项目的热门选择。
许多开发人员在使用React时都会感到疲劳,因为它需要工程师在管理构建管道的同时做出许多依赖关系和架构决策。而Vue虽然入门简单,但太过灵活和不成体系,对一些进阶比较困难。
另一方面,Angular是一个高度自以为是的完整框架,CLI管理所有构建步骤。专业环境的另一个好处是Angular需要TypeScript。Angular已经在Web开发世界中树立了独立的价值,并继续被采用,业界很多标准都是Angular第一个发明和采用的。
如果要学习Angular的戳这里
另外放一个三大前端法宝热门图

三大前端法宝

4. 新技术和新概念

GraphQL 、PWA 、WebAssembly
GraphQL已被GitHub等技术领导者采用。然而,它并没有像一些预测的那样快速地起飞。
据JS状态调查显示,只有1/5的前端开发人员使用过GraphQL,但是有惊人的62.5%的开发人员已经听说过它并希望使用它。
PWA和 WebAssembly这两个东西,如果你们现在还不懂或者没接触没关系,我们一起学。
因为这个以后,会越来越流行,只不过现在还不重要。

各种CLI工具封装
众所周知,要跟上最新的库,正确配置应用程序并做出正确的架构决策,这可能会让人感到筋疲力尽。
这种痛苦催生了管理工具的CLI包的创建,允许开发人员专注于应用程序和业务逻辑。
大家熟知和不熟知的 流行的框架包括 Next.js(SSR for React),Create-React-App(客户端React),Nuxt.js(SSR for Vue),Vue CLI(客户端) -side Vue),React Native的Expo CLI,默认情况下使用Angular

静态站点话题 重新兴起
随着JavaScript革命的发生,每个人都喜欢学习最新最好的语言框架,但现在事情已经解决,我们已经意识到并非每个网站都需要是一个复杂的单页面应用程序(SPA)。
这导致了静态站点生成器的增长。
这些工具允许你在你喜欢的库中编写代码,例如React或Vue,但在构建期间生成静态HTML文件,允许我们立即向用户提供完全构建的页面。
静态站点非常适合构建个人网站或博客,但它们可以轻松扩展到更大的应用程序。我们已经看到了用于构建静态网站的流行框架的兴起,例如Gatsby和React Static for React应用程序,以及VuePress for Vue应用程序。
事实上,静态网站已经变得如此受欢迎,以至于盖茨比实际上已经组建了一家公司,并在去年的开源框架中获得了风险投资资金。

TypeScript可能是JavaScript的未来
JavaScript因没有静态类型变量而受到批评。试图纠正这个问题的两个主要库是TypeScript和Flow,但TypeScript看起来是最受欢迎的。
事实上,在Stack Overflow调查中,TypeScript的评分高于JavaScript本身,为67%,而最受喜爱的语言为61.9%。
根据JS的状态调查,超过80%的开发人员希望使用TS或已经使用它并享受它。对于Flow,只有34%的开发人员正在使用它或想要使用它。
根据所有迹象,TypeScript是JS中静态类型的首选解决方案,许多人选择使用普通的JavaScript。在2018年,TS的npm下载数量大幅增长,而Flow保持不变。

TypeScript

不管承不承认,TS已经成为流行了,唉,又学不动了吧?

Webpack 又发布新版本
Webpack 3发布仅8个月后,版本4发布了。Webpack 4继续推动简化和更快的构建,声称高达98%的改进。它选择合理的默认值,在没有插件的情况下处理更多功能,并且不再需要使用配置文件。Webpack现在还支持WebAssembly并允许您import直接使用WebAssembly文件。

编辑器话题 VScode成为新霸主
一张图足够了,不过我依然是 sublime text 先行。毕竟瑞士军刀不能丢

VScode

5. 预测、展望 2019

2019的大方向展望,从这几点学准没错。

  • 随着基础的到位和不断推动改进的Web体验,WebAssembly将开始看到更多的应用。
  • React保持领先,但Vue和Angular继续在用户中增长。
  • CSS-in-JS可能会成为默认的样式方法而不是纯CSS。
  • 可能是开发人员再看看本机Web组件吗?
  • 毫不奇怪,性能仍然是一个焦点,诸如PWA和代码分割之类的东西成为每个应用程序的标准。
  • 在PWA采用的基础上,网络变得更加原生,具有离线功能和无缝的桌面/移动体验。
  • 我们继续看到CLI工具和框架的增长继续抽象到构建应用程序的繁琐方面,允许开发人员专注于生成功能。
  • 越来越多的公司采用具有统一代码库的移动解决方案,如React Native或Flutter。
  • 集装箱、CLI化(即Docker,Kubernetes)的影响在前端过程中变得更加普遍。
  • GraphQL在采用方面实现了飞跃,并在更多公司中得到应用。
  • TypeScript开始成为标准JavaScript的默认选择。
  • 虚拟现实使用A-Frame,React VR和Google VR等框架向前迈进。

春节已经过去了,相信小伙伴都有拍下视频纪念自己的年味,现在上传自己的年味视频可以拿红包啦。福利详情可以在公众号【grain先森】回复【190216】查看,活动时间有限,大家抓紧啦!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容

  • 摘要: 前端发展迅速,非常快! 原文:2018年前端开发回顾 作者:前端小智 Fundebug经授权转载,版权归原...
    Fundebug阅读 2,324评论 0 17
  • 前言:本文是转载文,前端发展发展迅速,非常的快。内容将回顾2018年一些重要的前端新闻,事件和 JavaScrip...
    强哥科技兴阅读 297评论 0 0
  • Foreword: 首先那要说明下,以下是我看到的一篇文章,但是原文是英文的,我只是做一个搬运工把他搬过来~主要也...
    Howie126313阅读 10,799评论 4 41
  • 王晓梅,你不是生活在问题之中,你是生活在解决办法之中。
    沙漏记得阅读 157评论 0 0
  • 2017年9月24日 D45阿尔法号+阿基米德舱+刘虹秀+打卡 今日任务: 收听晨间导读:爱之美,最需要学习 今日...
    伊秀儿阅读 187评论 0 0