蒲公英 · JELLY技術期刊 Vol.41
虛實如潮起潮落，陰陽如日出日落，萬事萬物都有其規律，就好像我們學習需要有一個漸進的過程；産品會根據使用者畫像來規劃整個項目的周期；開發測試的時候希望有趁手的工具……
這些規律對于前端開發也是一樣，前端架構的疊代也是會一直持續疊代的，比方說 React 17 釋出之後，React 18 alpha 版本的到來也不過是順其自然的事情，關于 React 18 新特性的介紹、設計原了解析等内容也在社群中被大家不斷探讨，很多特性和思考哪怕最終不會成為 React 18 中呈現，也十分值得了解和學習。
觀海志
登山則情滿于山，觀海則意溢于海
Google 出品的 CSS 課程
梗概：本課程将系統地介紹 CSS 基礎，适用于初學者和高階開發人員，通過學習課程的各個子產品，您将會了解 CSS 的核心概念，并且知道如何在項目中有效地運用。
推薦語：Google 出品必屬精品，CSS 作為前端最基礎的技能，跟着 Una Kravets 大神重新學習 CSS，大機率會有新的收獲。另外，安利 Una Kravets 大神的播客「The CSS Podcast」
React 18 更極緻的批處理優化
梗概：以往 React 在某些情況下會對多個更新動作進行批處理，最終隻重新渲染一次，優化更新性能。React 18 預設會進行更多的批處理操作，開發者無需再調用 unstable_batchedUpdates 手動啟動批處理。Dan 在文中詳細講解了批處理是什麼，它目前是怎麼工作的，React 18 中又帶來了什麼變化，以及潛在的 Breaking Changes。
推薦語：如果你不了解目前 React 批處理的具體行為，不清楚為什麼事件回調中多個
setState
會被合并，而事件回調中調用
setTimeout
裡的
setState
又不會被合并，這篇文章将會很好地為你答疑解惑。此外，React 18 最近釋出了 alpha 版本，如果你對 React 18 的新特性有興趣，可以浏覽 React 18 工作組，這裡彙集 React 團隊對 React 18 新特性的介紹、設計原了解析等内容。
深入 React 18 的 Suspense SSR 架構
梗概：React 18 将會推出全新的 Suspense SSR 架構，這一特性彙聚了 React 團隊多年的心血，能顯著提升 React SSR 的性能和使用者體驗。Dan 在文章中詳細講解了 Suspense SSR 的設計目的、兩大特性以及整體架構設計。文章圖文并茂，能讓讀者學習到 SSR 的原理、存在的問題和 Suspense SSR 所帶來的改進。
推薦語：盡管引入
Suspense
的最初目的在于改變異步加載的使用者體驗，但一直以來它隻能用于在前端配合
React.lazy
進行使用。這将會在 React 18 中得到根本的改變，
Suspense
能把應用拆分為獨立的小塊，在服務端借助 pipeToNodeWritable 實作流式推送，在浏覽器借助 Concurrent Mode 根據優先級進行 hydrate。這樣我們能夠對 SSR 的内容進行精細化控制，解決以往服務端全量傳輸、客服端全量 hydrate 帶來的阻塞性問題，帶來類似 BigPipe 的功能，顯著提升使用者體驗。
React 18 新特性：startTransition
梗概：按緊急程度劃分，React 的渲染可以分為兩類：Urgent updates 和 Transition updates，在 React 18 中所有的更新預設為 Urgent updates。文章以一個輸入框的例子，描述了 startTransition 是如何通過改變渲染優先級到 Transition updates，進而解決 UI 阻塞問題，進而提高使用者體驗的。
推薦語：自
Concurrent Mode
概念推出以來，我們了解到渲染可以是有優先級、可中斷的。而
startTransition
API 讓我們能夠把某些渲染（渲染邏輯重的或網絡延遲嚴重）的優先級降低，避免阻塞互動性渲染（如點選、輸入引起的渲染），提高使用者體驗。以往我們常常使用
setTimeout
、
debounce
等手段優化阻塞性渲染，但需要注意
startTransition
和它們之間的差別（可感覺 Pending 狀态等）。相信 React 18 廣泛普及後，這是一個非常重要而且常用的優化手段。
輕量級 Postman 工具
梗概：Postman 替代工具，輕量級 Rest Client，目前在 VSCode 插件市場中有接近 16w 下載下傳量，入股不虧！
推薦語：Postman 畢竟是付費軟體，日常的業務開發場景下，開發者往往隻需要輕量的測試 API 的工具，Thunder Client for VSCode 也許是更好的選擇。
十分鐘弄懂使用者畫像
梗概：這篇文章給我們介紹了什麼是使用者畫像，為什麼需要使用者畫像，使用者畫像對我們有什麼意義，以及使用者畫像标簽算法，讓我們對使用者畫像有了比較全面清晰的認知。
推薦語：使用者畫像是在建構推薦系統中，一項是非常基礎的技術，可以說是個性化推薦服務的前提。使用者畫像必須深入具體的業務場景，不同業務場景使用者畫像是不一樣的，但是建構使用者畫像的算法思路是大同小異。掌握了這些技術方法，深入了解業務場景，是做好使用者畫像的兩個大前提。
「蒲公英」期刊，每周更新，我們專注于挖掘「基礎技術、工程化、跨端架構技術、圖形程式設計、服務端開發、桌面開發、人工智能、設計哲學、前端架構」等多個大方向的業界熱點，并加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊内的研究技術方向。
擡頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物緻知，我們登高遠眺、滄海拾遺，以求積矽步而至千裡。
蒲公英 · JELLY技術期刊貢獻指南
