Remix設計原理是什么

本文小編為大家詳細介紹“Remix設計原理是什么”，內容詳細，步驟清晰，細節處理妥當，希望這篇“Remix設計原理是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

Remix 中的豐富經驗

Remix 版本： v1.14.1

Remix philosophy 閱讀過程中感受最深的一個詞 經驗豐富，使用一個 map 數據結構來表示:

let remixPhilosophy = Map({
    1: '開發經驗豐富',
    2: '培訓經驗豐富',
    3：'開源經驗豐富'
})

遵循 web 客觀發展

客觀發展點用一個 map 數據結構表示：

let rich_experience = Map({
    1: '遵循 S/C 模型',
    2: '遵循 Web 標準'，
    3: '遵循漸進式增強',
    4: '不過渡抽象',
})

遵循 S/C 模型

Remix 將前端統一到一個 Route Module 里面，但是依然遵循 S/C 模型：

• loader 前端端數據描述：

let sc_remix_router = {
    fe: 'useLoaderData_hook',
    be: 'export_loader_async_fn'
}

• action 前后端數據描述：

let sc_remix_router = {
    fe: 'useActionData_hook',
    be: 'export_action_async_fn'
}

遵循 Web 標準

遵循 web 標準發展描述：

let web = {
    'support': ['web_standard', 'http', 'html'],
    'examples': ['fetch_api', 'link_tag', 'meta_tag', 'form']
}

漸進式

在原有的 html 基礎上，做 css/javascript/from/異步數據等功能增強

let enhance = {
    can_no_css_or_javascript: true,
    can_on_layout_data: true,
    can_no_loading: true,
    data_CRUD: true
}

不做過度抽象

remix 由于有教育經驗，對過度的抽象是敏感的，很明顯是過度抽象不利于初學者。例如引入 css 依然使用 link 來引入，不同的是：從 link 標簽，變成輸出一個 link 函數。

let define_link_example = {
    html: 'link_tag',
    remix: 'export_link_fn'
}

讀到這里，這篇“Remix設計原理是什么”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。