将函数式进行到底,用 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/)

目录
相关文章
|
1月前
|
前端开发
前端通过input标签封装Upload组件实现文件上传
前端通过input标签封装Upload组件实现文件上传
51 0
|
1月前
|
前端开发 JavaScript UED
使用React Hooks优化前端应用性能
本文将深入探讨如何使用React Hooks来优化前端应用的性能,重点介绍Hooks在状态管理、副作用处理和组件逻辑复用方面的应用。通过本文的指导,读者将了解到如何利用React Hooks提升前端应用的响应速度和用户体验。
|
3月前
|
前端开发 开发者
探索前端框架的新趋势:React Hooks的应用与实践
本文将深入探讨前端开发中的新趋势,重点介绍React Hooks的应用与实践。通过学习和使用React Hooks,开发者可以更高效地构建可维护、可扩展的前端应用程序。本文将详细介绍React Hooks的原理、优势以及如何在实际项目中运用Hooks来提高开发效率并改善代码结构。无论你是刚入门前端开发还是经验丰富的工程师,本文都将对你有所启发。
|
2月前
|
前端开发 数据可视化 JavaScript
前端图形学实战: 从零开发一款轻量级滑动验证码组件(vue3 + vite版)
前端图形学实战: 从零开发一款轻量级滑动验证码组件(vue3 + vite版)
69 0
|
1月前
|
前端开发
利用React Hooks优化前端状态管理
本文将深入介绍如何利用React Hooks优化前端状态管理,包括Hooks的概念、使用方法以及与传统状态管理方式的对比分析,帮助前端开发人员更好地理解和应用这一现代化的状态管理方案。
|
2月前
|
存储 前端开发 JavaScript
探索前端框架React Hooks的魅力
【2月更文挑战第2天】本文深入探讨了前端框架React Hooks的核心概念及其在现代Web开发中的重要性,分析了Hooks相较于传统class组件的优势所在,展示了它带来的便利和灵活性,为开发者提供了更加高效和优雅的解决方案。
|
3月前
|
前端开发
elementui-upload组件自定义样式上传(upload中常用的属性,但是网络上却找不到教程)(解决bug删除之后再次上传会上传删除的图片)专注后端工程师的前端速成
elementui-upload组件自定义样式上传(upload中常用的属性,但是网络上却找不到教程)(解决bug删除之后再次上传会上传删除的图片)专注后端工程师的前端速成
61 0
|
3月前
|
前端开发 JavaScript 测试技术
掌握函数式组件:迈向现代化前端开发的关键步骤(下)
掌握函数式组件:迈向现代化前端开发的关键步骤(下)
掌握函数式组件:迈向现代化前端开发的关键步骤(下)
|
3月前
|
缓存 前端开发 JavaScript
掌握函数式组件:迈向现代化前端开发的关键步骤(上)
掌握函数式组件:迈向现代化前端开发的关键步骤(上)
掌握函数式组件:迈向现代化前端开发的关键步骤(上)
|
3月前
|
负载均衡 前端开发 Java
字节后端面试题(前端发送请求到后端的过程(MVC),网关gateway作用,怎么解决跨域,各微服务组件作用)
字节后端面试题(前端发送请求到后端的过程(MVC),网关gateway作用,怎么解决跨域,各微服务组件作用)
123 0