Remix設(shè)計(jì)原理是什么

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

Remix 中的豐富經(jīng)驗(yàn)

Remix 版本： v1.14.1

Remix philosophy 閱讀過程中感受最深的一個(gè)詞 經(jīng)驗(yàn)豐富，使用一個(gè) map 數(shù)據(jù)結(jié)構(gòu)來表示:

let remixPhilosophy = Map({
    1: '開發(fā)經(jīng)驗(yàn)豐富',
    2: '培訓(xùn)經(jīng)驗(yàn)豐富',
    3：'開源經(jīng)驗(yàn)豐富'
})

遵循 web 客觀發(fā)展

客觀發(fā)展點(diǎn)用一個(gè) map 數(shù)據(jù)結(jié)構(gòu)表示：

let rich_experience = Map({
    1: '遵循 S/C 模型',
    2: '遵循 Web 標(biāo)準(zhǔn)'，
    3: '遵循漸進(jìn)式增強(qiáng)',
    4: '不過渡抽象',
})

遵循 S/C 模型

Remix 將前端統(tǒng)一到一個(gè) Route Module 里面，但是依然遵循 S/C 模型：

• loader 前端端數(shù)據(jù)描述：

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

• action 前后端數(shù)據(jù)描述：

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

遵循 Web 標(biāo)準(zhǔn)

遵循 web 標(biāo)準(zhǔn)發(fā)展描述：

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

漸進(jìn)式

在原有的 html 基礎(chǔ)上，做 css/javascript/from/異步數(shù)據(jù)等功能增強(qiáng)

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

不做過度抽象

remix 由于有教育經(jīng)驗(yàn)，對(duì)過度的抽象是敏感的，很明顯是過度抽象不利于初學(xué)者。例如引入 css 依然使用 link 來引入，不同的是：從 link 標(biāo)簽，變成輸出一個(gè) link 函數(shù)。

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

讀到這里，這篇“Remix設(shè)計(jì)原理是什么”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。