思否開源項目推介丨Remax：使用 React 構建跨平臺小程序

開源項目名稱：Remax
開源項目負責人： @yesmeck
開源項目簡介：使用 React 構建跨平臺小程序
開源項目類型：團隊開源項目
項目建立時間：2019 年
GitHub 數據：3K Star，211 Fork
GitHub 地址： http://github.com/remaxjs/remax

項目介紹

Remax 將 React 運行在小程序環境中，讓你可使用完整的 React 進行小程序開發。

• 真正的 React - 不一樣於靜態編譯的方案，在 Remax 中使用 React 沒有任何限制，包括 React Hooks。你能夠把 Remax 理解爲針對小程序的 React Native。
• 多端支持 - 使用 Remax 把代碼轉換到多個小程序平臺。
• TypeScript - 完整的 TypeScript 支持，給你滿滿的安全感。

Remax 的實現原理

Remax 自己分爲兩個部分，remax 和 reamx-cli，remax 提供運行時，remax-cli 提供構建功能。其中Remax 的運行時本質是一個經過 react-reconciler 實現的一個小程序端的渲染器。

Remax 把 React 和 ReactReconciler 運行在小程序的邏輯層中，並經過 Remax 把生成的「虛擬 DOM」渲染到視圖層。從而作到了使用真正的 React 去構建小程序。

且受 CSS 屬性名前綴的啓發，Remax 團隊從新設計了 Remax 的跨平臺方案。 團隊很是剋制地選取了 9 個基礎組件，統一了他們之間非平臺私有的屬性，而且以屬性名前綴的方式來支持各個平臺私有的特性。Remax 團隊但願開發者在作跨平臺開發時能清楚地意識到使用者寫下的這行代碼只會在特定的平臺上生效。

對了，Remax 默認支持 TypeScript 開發，提供完整的組件和 API 類型定義，爲你的項目保駕護航。

思否推薦

內容介紹裏有一個點沒有提到，Remax 是螞蟻金服前端團隊開源的項目，可以很好保證項目的質量。Remax 口號是使用真正的 React 構建跨平臺小程序，相比 Taro 靜態編譯的方式實現的複雜度，Remax 更像是新的 React 渲染器，技術層面要簡單不少。

Remax 還原 React 的開發體驗，默認支持 TypeScript 開發、多端支持也是基礎特性。借用開發者的話：把 React 運行在小程序中能夠帶來很是大的想象力。小程序自己能夠說是一種創新，它把應用分爲兩層來提升視圖層的渲染速度，可是微信從一開始就選擇使用私有且落後（起碼目前看來是落後的）的技術方案來定義小程序，然後面的追隨者爲了吸引開發者亦使用了跟微信小程序相似的設計。Remax 但願能打破這個局面，經過開放的生態爲開發者帶來全新的小程序開發體驗。

---

該項目已入選「SFOSSP - 思否開源項目支持計劃」，咱們但願藉助社區的資源對開源項目進行相關的宣傳推廣，並做爲一個長期項目助力開源事業的發展，與廣大開發者共建開源新生態。

有意向的開源項目負責人或團隊成員，可經過郵箱提供相應的信息（開源項目地址、項目介紹、團隊介紹、聯繫方式等），以便提高交流的效率。

聯繫郵箱：pr@segmentfault.com