使用各种 Web 框架构建相同的应用程序

主要观点:作者近期在考虑从当前的 Web 应用栈迁移到现代 Web 框架,对 FastHTML、Next.js 和 Svelte 感兴趣,通过用这三个框架构建相同的 Web 应用“Look at Your Data”来比较它们的特点和开发者体验,包括数据上传下载、表格查看更新删除等操作,还在 Twitter 和 LinkedIn 上对这三个框架进行了投票,同时探讨了编码助手对框架选择的影响等。
关键信息:

  • FastHTML:一个月前 Jeremy Howard 推出,很多人开始使用,目标是用纯 Python 实现现代 Web 应用,可在单个main.pystyle.css中实现应用,Hamel 等还分享了技巧和资源。
  • Next.js:有大量应用如cal.comroomGPT,通过教程学习,构建应用代码比 Python 版本多,内置 Tailwind CSS 使其更美观,组织较为直观。
  • SvelteKit:过去几年在开发者中受欢迎,通过教程学习,创建模板需运行特定命令,模板有多个目录和部分,与 Next.js类似。
  • FastAPI + Svelte:将 FastAPI 作为后端,Svelte 用于前端,存在协调通信的挑战,在生产环境中 Svelte 应用会静态编译并向 FastAPI 后端发送请求。
  • 编码助手影响:LLM 可能对新框架如 Svelte 和 FastHTML 的效果不佳,Jeremy Howard 和 Rich Harris 等在为其提供更利于 LLM 学习的文档,以解决冷启动问题。
    重要细节:
  • 构建“Look at Your Data”应用时,在不同框架下的代码结构和页面展示情况,如 FastAPI 与 Jinja 等结合的代码结构和页面,FastHTML 的简单 ToDo 应用示例及 Jeremy 版本的展示,Next.js 的教程学习过程和应用结构及页面,SvelteKit 的教程学习及应用结构和页面,FastAPI + Svelte 的组合应用结构和页面等。
  • 在 Twitter 和 LinkedIn 上的投票情况及相关链接。
  • 关于如何学习 Next.js 和 Svelte 的资源询问及引用信息等。
阅读 12
0 条评论