微軟用React+Redux組合重新設計亞馬遜Fire平板的Bing搜索體驗
或許是亞馬遜的Fire系列產品所用系統比較陳舊,微軟近日宣佈為亞馬遜平板產品重新設計Bing搜索體驗。根據Bing博客上更新的博文,團隊利用React和Redux的組合重新設計的Fire平板上的瀏覽體驗。微軟使用React實現了本地渲染,而使用Redux實現跨標籤頁狀態管理。
目前Bing生態系統中大部分瀏覽器渲染都是建立在服務器上,但是對於高交互、高適應性和API驅動的體驗,例如來自Web的個性化新聞訂閱體驗,客戶端渲染是更好的選擇。Bing團隊對多種客戶端渲染方案進行評估,最終為亞馬遜Fire平板確定了React + Redux的組合方案。
無論屏幕大小和方向,React + Redux的組合方案都能實現Bing主頁的超快響應。同桌面端和移動端的響應式設計類似,使用亞馬遜的Silk瀏覽器訪問Bing主頁的時候,信息卡會從三個並列排列擴展到單個堆疊列視圖。主頁的響應特性可以特別歸功於微軟使用.NetCore,後者連接Azure中的Node.js和Microsoft的React + Redux庫。在此過程中還包含了一些技術步驟,不過最終結果就是Fire平板上的Bing操作體驗接近於移動端和桌面端。