主要观点:微软的 Edge 浏览器近期开始从 React 等 JavaScript 框架转向“HTML-first”方法来开发用户界面,一位瑞士 IT 公司的前端开发者 Julien Moulis 也将其公司的 Mindsapp 应用从 React 过渡到原生 JavaScript,通过这种方式实现了更快的加载时间和更好的用户交互,同时也提到了 HTML-first 方法的一些缺点及呼吁分享更多类似案例。
关键信息:
- 微软 Edge 从 React 转向“HTML-first”,拥抱更直接的方式。
- Julien Moulis 带领团队将 Mindsapp 部分应用从 React 迁移到原生 JavaScript。
- 在 Mindsapp 中,React 存在不必要渲染和路由问题等。
- 实现原生 DOM API 方法后,加载时间从 4 - 5 秒降至 400ms,用户交互也得到改善。
- HTML-first 方法有 Web Components 繁琐、难找原生 JavaScript 开发者等缺点。
重要细节: - Mindsapp 是帮助开发者快速开发应用的低代码应用,其页面创建器基于 Neo4j 构建。
- 之前用 React 时通过递归函数构建组件,用 Context API 和 reducers 管理数据,用 React-router 进行路由。
- 实现原生 DOM API 方法时设置了简单 SSR 服务器和 RxJS 处理导航。
- Moulis 提到 HTML-first 方法虽有缺点但用户收益巨大。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。