关于react.js:Remix-设计哲学

Remix 版本：v1.14.1

Remix 中的丰盛教训

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 因为多年的开发和培训以及开源教训，开发一套遵循 Web 规范和 S/C 模型的渐进式的全栈框架。Remix 的路由模块构造简略清晰，能方便快捷的实现 web 开发工作。

关注公踪号 进二开物，更多 JS/TS/CSS/Rust 技术文章和科技资讯 …