天天看點

将函數式進行到底,用 Hooks 武裝元件 - TXD 前端月刊 201905 期

【阿裡雲 TXD 前端月刊】- 熱門前端技術快報,聚焦業界新視界;五月清風徐來,跟我們一起來看一看新的風向即将吹向何方,前端的技術力量又将影響哪些新的領域。

歡迎  訂閱  &  投稿 編輯: 墨止 審稿: 尹摯

學習專欄

深入淺出 React Hooks

React 16.8 了,還不了解 React Hooks?!想做前端極客,想寫出酷酷的代碼,那就趕緊跟 

@x-cold

 一起來學習最新的 Hooks 知識吧!原文章看

這裡

,一步步進入 React Hooks 的世界。

《一個合格的中級前端工程師必須要掌握的 28 個 JavaScript 技巧》

對在畢業季還在找工作的同學,可以說很實用的,如果能全部掌握這些技巧,拿到幾個offer應該是沒有問題的,當然要注意平時的積累,能力要全面。

《Node.js 技術棧》

這是作者從事 Node.js Developer 以來的學習曆程,旨在為大家提供一個較詳細的學習教程,側重點更傾向于 Node.js 服務端所涉及的技術棧,如果本文能為您得到幫助,請給予支援!

新聞快報

Github 重磅推出包管理倉庫

将函數式進行到底,用 Hooks 武裝元件 - TXD 前端月刊 201905 期

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

繼續閱讀