蒲公英 · JELLY技術周刊 Vol.12 尤雨溪新作 Vite, 你會支援麼？

「蒲公英」期刊，每周更新，我們專注于挖掘「基礎技術、工程化、跨端架構技術、圖形程式設計、服務端開發、桌面開發、人工智能」等多個大方向的業界熱點，并加以專業的解讀；不僅如此，我們還精選凹凸技術文章，向大家呈現團隊内的研究技術方向。

擡頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物緻知，我們登高遠眺、滄海拾遺，以求積矽步而至千裡。

登高遠眺

天高地迥，覺宇宙之無窮

前端架構

Vue3 Composition API 提案

Vue3 其中一個重量級的特性就是 Composition API，它能幫助我們更好地組織代碼。本網頁是 Composition API 的草案，詳細介紹了 Composition API 的設計動機、設計細節、具體 API 用法等。文章篇幅較長，推薦找一個悠閑的周末，泡上咖啡，帶上耳機，細細品讀一番。

工具測評: React Hook Form VS Formik

使用 React 建構表單是一件痛苦的事情，官方推薦了 Formik。本文對使用 Formik 和 React Hook Form 建構表單進行了比較，得出 React Hook Form 比 Formik 更易用、更高效的結論。如果你正巧在這方面有困惑，可實踐嘗試體驗。

Quark-h5 -- 從零開始的可視化編輯器

想必你一定使用微場景生成工具制作過炫酷的 h5 頁面，除了感歎其神奇之處有沒有想過其實作方式呢？本文從零開始實作一個 H5 編輯器項目完整設計思路和主要實作步驟，并開源前後端代碼。有需要的小夥伴可以按照該教程從零實作自己的H5編輯器。

圖形程式設計

初探虛幻引擎5

5月底, 遊戲公司Epic揭開了虛幻5引擎神秘的面紗，此次更新包含 Nanite虛拟微多邊形和全新的動态全局光照Lumen 兩大核心技術，然後展示了該引擎運作在PS5上實時渲染效果，其逼真的光照和媲美電影的細節震驚了整個行業。

工程化

Vite -- 入門到實戰

Vite 是 Vue 技術生态新推出的開發工具，針對 Vue 應用的無打包開發伺服器，開發者無需借助 webpack 等打包工具，即可直接在浏覽器中預覽 Vue 項目。Vite 的原理與本技術周刊之前介紹過的 snowpack 有着異曲同工之處，Vite 本身也表示一部分靈感來自 snowpack 項目。本文從 0 開始一步一步實作了一個簡易版本的 Vite 來講解 Vite 的技術原理，讀過本文之後，再去閱讀 Vite 的項目源碼，相信會有不小的收獲。

人工智能

杜克大學出品 AI 黑科技 PULSE 算法，讓你的照片有碼變高清

近日杜克大學開源了新型超分辨率圖像算法 PULSE，可将16x16像素的低分辨率人像放大到1024x1024像素的高分辨率。

工具推介

手把手教你快速搭建專屬的 StoryBook

Storybook是一個輔助UI控件開發的工具。通過story建立獨立的控件，讓每個控件開發都有一個獨立的開發調試環境。 Storybook的運作不依賴于項目，開發人員不用擔心由于開發環境、依賴問題導緻不能開發控件。Storybook支援的架構覆寫主流的架構（React、Vue、Angular）。由于使用React作為技術棧，本文将介紹使用react的項目如何配置Storybook環境。

滄海拾遺

滄海拾遺，積跬步以至千裡

ELF - 靈活可擴充的 HTML5 建構工具

前端工程化的問題由來已久，除了尤老師正在努力的方向，還出現過很多優秀的小工具幫助我們解決各個方面的問題，ELF 就是其中一種解放我們重複勞動的建構工具之一。

用 Git 鈎子進行簡單自動部署

除了這些工具，工程化中也還是有很多小問題，可以用很多方法去解決，自動化部署就是其中之一，如果你還不懂的如何利用 Git Hook 完成自動化部署的方法，趕緊補起這一課吧，未來正在向你招手～