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