【阿裡雲 TXD 前端月刊】- 熱門前端技術快報,聚焦業界新視界;五月清風徐來,跟我們一起來看一看新的風向即将吹向何方,前端的技術力量又将影響哪些新的領域。
歡迎 訂閱 & 投稿 編輯: 墨止 審稿: 尹摯
學習專欄
《 深入淺出 React Hooks 》
React 16.8 了,還不了解 React Hooks?!想做前端極客,想寫出酷酷的代碼,那就趕緊跟
@x-cold一起來學習最新的 Hooks 知識吧!原文章看
這裡,一步步進入 React Hooks 的世界。
《一個合格的中級前端工程師必須要掌握的 28 個 JavaScript 技巧》
對在畢業季還在找工作的同學,可以說很實用的,如果能全部掌握這些技巧,拿到幾個offer應該是沒有問題的,當然要注意平時的積累,能力要全面。
《Node.js 技術棧》
這是作者從事 Node.js Developer 以來的學習曆程,旨在為大家提供一個較詳細的學習教程,側重點更傾向于 Node.js 服務端所涉及的技術棧,如果本文能為您得到幫助,請給予支援!
新聞快報
Github 重磅推出包管理倉庫

現在使用 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)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/)