写点什么

前端每周清单第 47 期:NPM 年度报告与 2018 展望,Airbnb React Router 实践

  • 2018-01-15
  • 本文字数:3126 字

    阅读完需:约 10 分钟

看新闻很累?看技术新闻更累?试试下载 InfoQ 手机客户端,每天上下班路上听新闻,有趣还有料!

前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号(ID: frontshow),及时获取前端每周清单。

新闻热点

国内国外,前端最新动态

  • NPM 发布 2017 JavaScript 框架增长度报告: 作者使用某个包的下载占全部下载量的百分比,作为衡量某个框架是否持续性增长的指标,并以此发布了 2017 JavaScript 框架使用报告;该报告主要着眼于前端框架,React 生态圈以及后端框架这三个部分。根据该报告,前端框架中的 Preact 与 Vue 都是增长迅速,不过 React 在总体量与增长速度上还是占据优势;而在 React 生态圈内,Apollo 则是飞速崛起,MobX 也是增长迅速但还难以匹敌 Redux。
  • Nuxt.js 1.0 发布: Nuxt.js 是基于 Vue.js, vue-router, vuex 以及 vue-meta 的,快速创建 Web 应用的零配置工具。本周发布的 Nuxt 1.0.0 版本,将各项依赖更新到了最新版本,同时提升了整体的稳定性与性能表现,也意味着其能够用于生产环境;更多特性变化描述请查看原文。
  • Node v9.4.0 发布: 该版本中的重要变化包括了废弃 AsyncHooks Sensitive API 与 runInAsyncIdScope,从 _events 内部实现中移除 reaches,在 clientError 中添加 rawPacket 属性等等;可以查看原文了解更多变化。
  • NPM 确定新的包命名规则: 为了尽可能避免包的误植域名现象,NPM Registry 将不会再允许使用相似的包命名;不过会进一步鼓励开发者使用自己的命名空间来发布包。譬如,因为 react-native 已经存在,将不会再允许类似于 reactnative 这样的包发布,不过推荐使用 @ceejbot/reactnative 这样的方式。

开发教程

步步为营,掌握基础技能

  • HTML 5.2 新特性与实践盘点: 不到一个月之前,HTML 5.2 成为了 W3C 的官方推荐版本,这也就意味着 W3C 官方建议开发者应该遵循与实现该版本。本文则是对于 HTML 5.2 中提出的影响较大的,新特性与实践模式进行了概述,譬如原生弹窗组件、iFrames 中的 Payment Request API 以及部分元素实践的变化等;更多 HTML 学习参考现代 Web 开发基础
  • 基于 TypeScript 的实时聊天应用: 作者在本文中介绍了如何仅使用 TypeScript,来整合 Web Sockets,Node 与 Angular 去实现某个实时聊天应用。本文首先介绍了 WebSocket 的定义与规范,然后使用 Express,Socket.io 去实现服务端应用,最后使用 Angular 来构建客户端应用;更多 TypeScript 学习资料参阅现代 JavaScript 开发基础
  • 基于 Node.js 实现的深度学习面部识别库: 本文中,作者介绍了如何使用新近开源的 face-recognition.js 库,去构建高可用的面部识别与检测应用。该库底层使用了 dlib,然后使用 Node.js 绑定来暴露上层接口;而 dlib 则使用了深度学习算法,并且内置了部分预训练的模型,其在 LFW 面部识别评测中能够获得 99.38% 的准确率。更多 Node.js 学习参考 深入浅出 Node.js 全栈架构

工程实践

立足实践,提示实际水平

  • 基于 React Router v4 的服务端渲染,代码分割与懒加载实践: 本文中,来自 Airbnb 的工程师分享的了,他们基于 React Router V4 进行服务端渲染,代码分割与懒加载的实践。在 RRV4 中,路由即组件的方案替代了原本的集中式配置,但是这导致了无法根据路径进行合适的服务端渲染;针对这个问题,作者首先讨论了如何在现有框架上进行路由管理,然后讨论了异步组件与代码分割的技巧。更多 React 学习参考 React 与前端工程化实践
  • 2018 Web 开发者学习路线图: 本仓库包含了一系列成为前端工程师、服务端工程师或者运维工程师的学习路线图,前端工程师路线图包括了基础、深入 JavaScript 中的测试、框架、模块打包、包管理、响应式开发等,后端则包括了开发框架、包管理、数据库、缓存、消息中间件、搜索引擎等,DevOps 则包括了操作系统、云计算、持续集成、自动化、监控告警、Web 服务器、集群管理等等。更多图谱参考 IT 知识图谱与技术路线
  • 8 个 2018 构建 Node.js 应用的建议: 本文是来自 RisingStack 的工程师分享的,他们关于 2018 年构建 Node.js 应用的建议。这些建议包括使用 async-await, 尝试 import 与 import(), 尝试 HTTP/2,加固你的 Node.js 应用等等。更多 Node.js 学习参考 深入浅出 Node.js 全栈架构

深度阅读

深度思考,升华开发智慧

  • 现代网络负载均衡与代理综述: 负载均衡是构建现代分布式应用系统的重要组成部分,本文即是对现代负载均衡与代理技术进行了综述与盘点。本文依次讨论了什么是负载均衡,其和代理的异同,负载均衡的特点,现代常用 L4 与 L7 的不同层负载均衡的实现拓扑与应用案例等;更多微服务相关参考服务端应用程序开发与系统架构
  • 操作系统工作原理:开发者应该掌握的十个概念: 操作系统是软件开发中必备的基础知识之一,而作者在本文中总结了十个操作系统相关的关键概念,来帮助开发者更深入地掌握编程理念。这些概念包括进程与进程管理、线程与并发、调度、内存管理、输入与输出管理、可视化、分布式文件系统、分布式共享内存、云计算等等;更多操作学习参考 Linux 配置使用、内部原理与 Shell 编程
  • 2018 年前端展望:合久必分,分久必合: 这几年来前端领域风起云涌,百花齐放,本文在简要总结 2017 前端各个框架领域的变化之后,对 2018 年可能的发展进行了展望。React 可能在渲染函数参数、setState 返回 Promise、异步友好地生命周期回调等方面做出改进,初次之外,作者还对 Angular、Vue、Webpack、Parcel 等框架或工具进行了点评;更多前端学习参考 Web 开发基础与工程实践

开源项目

乐于分享,共推前端发展

  • toapi : Toapi 是基于 Flask 开发的,能够将任何网站转化为 API 服务的框架。Toapi 实际上也包含了爬虫抓取、接口服务等部分,不过其简化了整个流程;使用者仅需要定义数据的输入输出,Toapi 会帮助自动化整个流程。
  • TOAST UI Editor : TOAST UI Editor 是面向生产环境的,可扩展的,支持 MarkDown 语法的 WYSIWYG 编辑器;它提供了 MarkDown 与 WYSIWYG 两种模式。TOAST UI Editor 实现了 CommonMark 与 GFM 两个标准,同时提供了强大的 API 来方便开发者自定义扩展。
  • Nerv : Nerv 是基于 Virtual-DOM 的 JavaScript(TypeScript)框架,其能够兼容 React 16 API;不过提供了更加高性能、小尺寸与更好浏览器兼容性等特性。
  • workerize : workerize 能够方便地将某个模块移入 Web Worker,自动反射提供出接口函数;workerize 会注入某个轻量级的 RPC 实现到应用中,支持同步或者异步地 Worker 函数调用,并且能够顺滑支持 async/await。
  • Screenshot-to-code-in-Keras : 近年来深度学习技术飞速发展,或可以在某些方面改变前端开发;而该仓库提供了某个神经网络,来将设计稿的截图直接转化为静态网页,它能够加速原型实现地速度,并且降低软件构建的成本。

巅峰人生

  • 老炮程序员响马:年轻时我想写代码到 60 岁,现在我想写到 65 岁: 响马(Xicilion),本名刘琥,70 后程序员,南京第三极软件科技有限公司创始人。1992 年毕业于南京动力高等专科学校后留校教授计算机课程,1998 年创办西祠胡同,2012 年创办孢子社区,目前专注于 fibjs 项目的开发。本文是对其几十年来技术之路的回顾与展望,也是一代技术人的青春回忆。

前端之巅

「前端之巅」是 InfoQ 旗下关注前端技术的垂直社群,加入前端之巅学习群请关注「前端之巅」公众号后回复 “ 加群 ”。投稿请发邮件到 editors@cn.infoq.com,注明 “ 前端之巅投稿 ”。


感谢徐川对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博( @InfoQ @丁晓昀),微信(微信号: InfoQChina )关注我们。

2018-01-15 18:002060
用户头像

发布了 60 篇内容, 共 17.8 次阅读, 收获喜欢 9 次。

关注

评论

发布
暂无评论
发现更多内容

MES使用后对工厂车间产生的重大影响

万界星空科技

生产管理系统 mes 云mes 万界星空科技 车间管理

MobPush REST API 概述

MobTech袤博科技

Java 开发者 产品动态

项目进度管理:不可错过的顶尖软件

爱吃小舅的鱼

项目进度 项目进度管理 项目进度管理软件

KeyShot 10 Pro for mac(3D渲染动画制作软件) v10.2.113激活版

Mac相关知识分享

KeyShot 10 Pro for mac(3D渲染动画制作软件) v10.2.113激活版

Mac相关知识分享

系统整容纪:揭秘Java编程之美:掌握这些编码规范,让你的代码一跃成为行业典范

京东科技开发者

云电脑赋能多场景融合:ToDesk云电脑、无影云、青椒云综合评测

小喵子

无影云电脑 云电脑 ToDesk ToDesk云电脑 云电竞

【YashanDB知识库】EXP导致主机卡死问题

YashanDB

yashandb 崖山数据库 崖山DB

MobPush REST API的推送 API之创建推送

MobTech袤博科技

Java 开发者 产品动态

完美匹配你的需求:项目排期进度软件选型指南

爱吃小舅的鱼

项目管理 项目排期 项目进度

智能化数据安全分类分级实践

鲸品堂

企业号2024年7月PK榜

Microsoft Remote Desktop Beta for Mac(微软远程连接工具)

Mac相关知识分享

App如何利用推送消息有效实现拉新促活?

HarmonyOS SDK

HarmonyOS

跨境电商物流解决方案供应商,专业为您服务

api开发

TouchDesigner Pro for mac(可视化原型渲染设计) v2023.11880激活版

Mac相关知识分享

Mac软件

为什么一定要做小程序生态?

Geek_2305a8

文献解读-临床试验-第二十一期|《输注piggyBac修饰的CD19 CAR-T细胞后产物衍生性淋巴细胞瘤的研究》

INSVAST

基因数据分析 生信服务

广告在线模型系统负载均衡策略实践

京东科技开发者

万界星空科技机械加工MES功能介绍

万界星空科技

mes 万界星空科技 机加工MES 机械加工

聚焦智慧出行,TDengine 与路特斯科技再度携手

TDengine

直播预约丨《袋鼠云大数据实操指南》No.4:数据服务API实战解读,助力企业数字化跃迁

袋鼠云数栈

大数据 直播 API 数据服务 数据服务平台

MobPush HarmonyOS NEXT集成指南

MobTech袤博科技

Java 开发者 产品动态

Algoriddim djay Pro Ai for Mac(DJ混音软件) v5.2.1激活版

Mac相关知识分享

融云 2024 ChinaJoy | 你有一个必逛的展位 @W4 馆 B786

融云 RongCloud

前端每周清单第 47 期:NPM 年度报告与 2018 展望,Airbnb React Router 实践_语言 & 开发_王下邀月熊_InfoQ精选文章