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

目录
相关文章
|
2月前
|
前端开发
深入解析React Hooks:构建高效且可维护的前端应用
本文将带你走进React Hooks的世界,探索这一革新特性如何改变我们构建React组件的方式。通过分析Hooks的核心概念、使用方法和最佳实践,文章旨在帮助你充分利用Hooks来提高开发效率,编写更简洁、更可维护的前端代码。我们将通过实际代码示例,深入了解useState、useEffect等常用Hooks的内部工作原理,并探讨如何自定义Hooks以复用逻辑。
|
2月前
|
前端开发 JavaScript API
探索React Hooks:前端开发的革命性工具
【10月更文挑战第5天】探索React Hooks:前端开发的革命性工具
|
22天前
|
监控 前端开发 数据可视化
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生
@icraft/player-react 是 iCraft Editor 推出的 React 组件库,旨在简化3D数字孪生场景的前端集成。它支持零配置快速接入、自定义插件、丰富的事件和方法、动画控制及实时数据接入,帮助开发者轻松实现3D场景与React项目的无缝融合。
82 8
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生
|
1月前
|
前端开发 JavaScript 开发者
“揭秘React Hooks的神秘面纱:如何掌握这些改变游戏规则的超能力以打造无敌前端应用”
【10月更文挑战第25天】React Hooks 自 2018 年推出以来,已成为 React 功能组件的重要组成部分。本文全面解析了 React Hooks 的核心概念,包括 `useState` 和 `useEffect` 的使用方法,并提供了最佳实践,如避免过度使用 Hooks、保持 Hooks 调用顺序一致、使用 `useReducer` 管理复杂状态逻辑、自定义 Hooks 封装复用逻辑等,帮助开发者更高效地使用 Hooks,构建健壮且易于维护的 React 应用。
35 2
|
1月前
|
前端开发 JavaScript 开发者
揭秘前端高手的秘密武器:深度解析递归组件与动态组件的奥妙,让你代码效率翻倍!
【10月更文挑战第23天】在Web开发中,组件化已成为主流。本文深入探讨了递归组件与动态组件的概念、应用及实现方式。递归组件通过在组件内部调用自身,适用于处理层级结构数据,如菜单和树形控件。动态组件则根据数据变化动态切换组件显示,适用于不同业务逻辑下的组件展示。通过示例,展示了这两种组件的实现方法及其在实际开发中的应用价值。
36 1
|
2月前
|
缓存 前端开发 JavaScript
前端serverless探索之组件单独部署时,利用rxjs实现业务状态与vue-react-angular等框架的响应式状态映射
本文深入探讨了如何将RxJS与Vue、React、Angular三大前端框架进行集成,通过抽象出辅助方法`useRx`和`pushPipe`,实现跨框架的状态管理。具体介绍了各框架的响应式机制,展示了如何将RxJS的Observable对象转化为框架的响应式数据,并通过示例代码演示了使用方法。此外,还讨论了全局状态源与WebComponent的部署优化,以及一些实践中的改进点。这些方法不仅简化了异步编程,还提升了代码的可读性和可维护性。
|
2月前
|
前端开发 JavaScript
CSS样式穿透技巧:利用scoped与deep实现前端组件样式隔离与穿透
CSS样式穿透技巧:利用scoped与deep实现前端组件样式隔离与穿透
230 1
|
2月前
|
前端开发 JavaScript 开发者
Web组件:一种新的前端开发范式
【10月更文挑战第9天】Web组件:一种新的前端开发范式
58 2
|
2月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
170 2
|
2月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
46 0