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 技术文章和科技资讯...