将函数式进行到底,用 Hooks 武装组件 - TXD 前端月刊 201905 期

简介: 【阿里云 TXD 前端月刊】- 热门前端技术快报,聚焦业界新视界;五月清风徐来,跟我们一起来看一看新的风向即将吹向何方,前端的技术力量又将影响哪些新的领域。欢迎 订阅 & 投稿编辑:墨止审稿:尹挚学习专栏《深入浅出 React Hooks》React 16.8 了,还不了解 React Hooks?!想做前端极客,想写出酷酷的代码,那就赶紧跟 @x-cold 一起来学习最新的 Hooks 知识吧!原文章看这里,一步步进入 React Hooks 的世界。

image.png

【阿里云 TXD 前端月刊】- 热门前端技术快报,聚焦业界新视界;五月清风徐来,跟我们一起来看一看新的风向即将吹向何方,前端的技术力量又将影响哪些新的领域。

欢迎 订阅 & 投稿
编辑:墨止
审稿:尹挚

学习专栏

深入浅出 React Hooks

React 16.8 了,还不了解 React Hooks?!想做前端极客,想写出酷酷的代码,那就赶紧跟 @x-cold 一起来学习最新的 Hooks 知识吧!原文章看这里,一步步进入 React Hooks 的世界。

《一个合格的中级前端工程师必须要掌握的 28 个 JavaScript 技巧》

对在毕业季还在找工作的同学,可以说很实用的,如果能全部掌握这些技巧,拿到几个offer应该是没有问题的,当然要注意平时的积累,能力要全面。

《Node.js 技术栈》

这是作者从事 Node.js Developer 以来的学习历程,旨在为大家提供一个较详细的学习教程,侧重点更倾向于 Node.js 服务端所涉及的技术栈,如果本文能为您得到帮助,请给予支持!

新闻快报

Github 重磅推出包管理仓库

May-31-2019 16-24-50.gif

现在使用 Github,你的团队可以发布公共/私有的包到 Github 提供的包管理仓库,目前包含的类型有 Npm, Docker, Maven, NuGet, RubyGems等,更多的类型还在继续添加中。而且该托管服务是完全免费的。[[戳传送门]](https://github.com/features/package-registry)

Flutter 实现 Web 访问,新增桌面和嵌入式的应用场景

2019 谷歌 I/O 大会上,Flutter Team 公布了 Flutter 可进行 Web 访问、提供自定义图像分类模型等诸多新特性,并且可以应用在桌面系统及嵌入式设备中,给未来提供了更多的想象空间,展现了 Flutter 从移动 UI 到制霸多平台的雄心。Flutter for Web 已发布第一个预览版本,可以查看官网信息进行尝鲜,体验惊喜 [[惊喜门]](https://flutter.dev/web)。在 Facebook 年度开发者大会上宣布了会稳定支持 RN,但是 RN 还要继续步履蹒跚吗?

HTML 和 DOM 标准统一

W3C 宣布与 WHATWG 达成协议,HTML 和 DOM 标准都以 WHATWG 为准,也就是说以后只有一套 HTML 标准了。正所谓分久必合,合久必分,不过对大多数的框架工程师影响不是很大(扎心了) [[戳传送门]](https://www.w3.org/blog/news/archives/7753)

Now and the Future: An Overview of the Web in 2019

W3C Web 技术总负责人 Philippe Le Hégaret 在 QCon 2019 全球软件开发大会做的分享,介绍了Web 技术当前关注的技术方向,未来 W3C 更着力拓展新的领域,其中最重要的一项是汽车互联网,期望打造适用于车联网的 通用的 Web 技术方案。在拓展核心能力方面,有 WebRTC(视频通话)、Web Assembly(性能、语言生态)、WebPerf(性能管理)、Service Workers(离线)、Web Components(组件) 等等,前景如此美好,真的希望文中描述的技术能早日落地,给前端开发者们带来福音。[[传送门]](https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247491186&idx=1&sn=235f648fccaf0e2769fa5044418a8b4d&chksm=f951ab31ce262227a867bdaeaa9d967f2be0272108ef51cfdd9fd7c5118dbcb7201b56ded254&mpshare=1&scene=2&srcid=05090EIW4SEAUAWYJrESqW58&from=timeline&as)

Ant Design 4.0 进行时!

Ant Design 团队发布 4.0 开发规划,将使用最新的 React API,放弃 IE9/10 浏览器的支持,同时会增加设计资产管理的工具包,预计后续设计师就可以参考到这些资源了

工具推荐

微软发布 Windows Terminal

微软正在推出一款名为 Windows Terminal 的新命令行终端工具。它被设计为访问 PowerShell、 Cmd 和 Windows Linux 子系统(WSL)等环境。微软正在为想要调整终端工具的开发人员添加多个选项卡、分割窗口、快捷键支持,另外支持主题和自定义等等。微软这款新的 Windows 终端应用程序在 Build 2019 开发者大会上公布了。[[戳传送门1]](https://devblogs.microsoft.com/commandline/introducing-windows-terminal/) 、[[戳传送门2]](https://github.com/microsoft/Terminal) 

image.png

VSCode  添加 Remote Development 特性

使用 Remote Development 特性,开发者可以在远程环境下进行开发和调试,同时具备代码高亮和补充功能,跟在本地使用一样

EdgeDB - The next generation database

EdgeDB 结合了 NoSQL 数据库的简单性,关系模型强大的查询、严格、一致性和性能。天然支持 GraphQL 哦。数据库选型又多了一份选择。[[戳传送门]](https://edgedb.com/)

基于 Operational Transformation 的实时数据库 sharedb

ShareDB is a realtime database backend based on Operational Transformation (OT) of JSON documents. It is the realtime backend for the DerbyJS web application framework.

create-react-app 发布 3.0

支持了 React Hooks 的代码风格校验、TypeScript Lint、Jest 24,Hooks 语法可以很方便的用起来了[[Release 日志]](https://github.com/facebook/create-react-app/releases/tag/v3.0.0)

热门文章

《前端能力中台化之路—Fusion Design 成长史》

FDCON 2019 演讲的提炼版本,介绍了前端组件库 Fusion Design 的成长演变之路,还有诸多特性的背后的思考,包括对未来的一些探索

《探索 Serverless 中的前端开发模式》

前端工程师永远在打破边界,在 Web 、App、桌面和服务端等方面都已经伸出了触角,Serverless 的出现,又能在前端圈引领什么样的风向和潮流呢

《大型项目前端架构浅谈(8000字原创)》

文中从基础层设计到应用层设计的多种方案、平台等做了简单的介绍,从宏观方面介绍了一个大型前端架构的雏形,可以在自己进行技术设计的做一个参考

《精读《Function Component 入门》》

如果你将要使用或者已经开始使用 React 16了,那么小编我推荐来读一下这篇文件,从传统的 Class Component 思维方式转变一下,开始使用 Function Component ,使用 Hooks 来搭建自己的 React 应用吧。

小趣味

IE 所有版本的下载链接

一个 IE 爱好者收集了 IE1~IE12、EDGE 的所有下载链接,新版的 IE 已经拥抱 Chromium 了,传统的IE即将进入“博物馆”,IE 爱好者过来围观吧。[[IE 时光机]](https://www.my-internet-explorer.com/edge/)

目录
相关文章
|
21天前
|
数据采集 前端开发 JavaScript
《花100块做个摸鱼小网站! 》第四篇—前端应用搭建和完成第一个热搜组件
本文档详细介绍了从零开始搭建一个包含前后端交互的热搜展示项目的全过程。通过本教程,读者不仅能学习到完整的项目开发流程,还能掌握爬虫技术和前后端交互的具体实践。适合有一定编程基础并对项目实战感兴趣的开发者参考。
59 1
|
18天前
|
JavaScript 前端开发 开发者
哇塞!Vue.js 与 Web Components 携手,掀起前端组件复用风暴,震撼你的开发世界!
【8月更文挑战第30天】这段内容介绍了Vue.js和Web Components在前端开发中的优势及二者结合的可能性。Vue.js提供高效简洁的组件化开发,单个组件包含模板、脚本和样式,方便构建复杂用户界面。Web Components作为新兴技术标准,利用自定义元素、Shadow DOM等技术创建封装性强的自定义HTML元素,实现跨框架复用。结合二者,不仅增强了Web Components的逻辑和交互功能,还实现了Vue.js组件在不同框架中的复用,提高了开发效率和可维护性。未来前端开发中,这种结合将大有可为。
58 0
|
3天前
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
17天前
|
Android开发 iOS开发 C#
Xamarin:用C#打造跨平台移动应用的终极利器——从零开始构建你的第一个iOS与Android通用App,体验前所未有的高效与便捷开发之旅
【8月更文挑战第31天】Xamarin 是一个强大的框架,允许开发者使用单一的 C# 代码库构建高性能的原生移动应用,支持 iOS、Android 和 Windows 平台。作为微软的一部分,Xamarin 充分利用了 .NET 框架的强大功能,提供了丰富的 API 和工具集,简化了跨平台移动应用开发。本文通过一个简单的示例应用介绍了如何使用 Xamarin.Forms 快速创建跨平台应用,包括设置开发环境、定义用户界面和实现按钮点击事件处理逻辑。这个示例展示了 Xamarin.Forms 的基本功能,帮助开发者提高开发效率并实现一致的用户体验。
36 0
|
17天前
|
前端开发 UED 开发者
React组件优化全攻略:深度解析让你的前端应用飞速运行的秘诀——从PureComponent到React.memo的彻底性能比较
【8月更文挑战第31天】在构建现代Web应用时,性能是提升用户体验的关键因素。React作为主流前端库,其组件优化尤为重要。本文深入探讨了React组件优化策略,包括使用`PureComponent`、`React.memo`及避免不必要的渲染等方法,帮助开发者显著提升应用性能。通过实践案例对比优化前后效果,不仅提高了页面渲染速度,还增强了用户体验。优化React组件是每个开发者必须关注的重点。
28 0
|
18天前
|
JavaScript 前端开发
揭秘Vue.js组件魔法:如何轻松驾驭前端代码,让维护变得轻而易举?
【8月更文挑战第30天】本文探讨了如何利用Vue.js的组件化开发提升前端代码的可维护性。组件化开发将复杂页面拆分为独立、可复用的组件,提高开发效率和代码可维护性。Vue.js支持全局及局部组件注册,并提供了多种组件间通信方式如props、事件等。通过示例展示了组件定义、数据传递及复用组合的方法,强调了组件化开发在实际项目中的重要性。
13 0
|
26天前
|
前端开发 JavaScript 机器人
中后台前端开发问题之动态标注组件渲染到界面上如何解决
中后台前端开发问题之动态标注组件渲染到界面上如何解决
25 0
|
1月前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
21 0
|
3月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
64 2
|
3月前
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记