2202年了你喜欢哪一代web技术栈?

第一代 纯html
第二代 wordpress. jquery. boostrap. 插件
第三代 livewire htmlx 全栈
第四代 spa cra vue 前后端分裂
第五代 ssr nuxt next remix xaas主导
第六代 fresh astrobuild. 服务器主导
第七代 marko qwik 低代码主导

个人喜欢第三代. RubyonRails Laravel ElixirPhoenix
尤其 phoenixframework,如果deno有这样的框架就好了

简单来说现代web技术分两个方向

fat client + xaas. 代表 firebase amplify

fat backend 代表 spring boot ~ spring cloud

deno属于第一种 代表 deno deploy

elixir属于第三种 liveview和esbuild复刻了react体验
强悍的 otp 机制不需要 docker k8s redis 额外服务就可以做高可用全栈服务
代表 discord 500万并发 ~1000万并发(nif实现)

deno竞争对手很多。deepkit-framework bun cloudflare fastly golang
但也意味可以模仿对象很多。

脱颖而出
有web3东风可借。endojs、ethersjs、web3js
有webgpu东风可借。

有兴趣的同学可以往web3、webgpu破一破局

做了10多年网站开发,竟然看不懂在说什么,尴尬

同一个语法
react ssr - fresh
react dashboard - antd pro
react mobile - react native
react desktop - react native winmacweb / electron

不同框架做专业的事
ssr - marko
dashboard - qwik
mobile - flutter
desktop - qt

可预见后面前端发展会慢慢迁移到 deno ,减少 context 切换用 react 语法还是不错的

前端

1.rails/phoenix一体化框架好处默认 ssr-seo友好、后台管理界面和前台界面无缝连接。
2.remix nextjs nuxt sveltekit solidstart 只是ssr做的好,而后台管理界面一般需要另外一套工程。

个人偏见,phoenixframework前后端工程一体化都不需要 monorepo 之类技术,开发体验真的超群。

后端

Telemetry是每个产品级别的软件都需要有的

node可以用 alinode实现监控
deno这块 N/A ,deno deploy是可以实现一个dashboard监测容器
golang有开源的 Grafana + Prometheus
phoenix内置了 livedashboard 甚至可以并发可视化

数租成本
对于云厂商来说 js容器 < k8s容器 < linux容器
对于租户来说 linux作为容器相对人力成本比较少,js容器尚未有企业级实践不做评价但大致到时候形态像是php一个宝塔面板加上shared host特性的全js开发技术栈作为卖点。

GitHub Advisory Database coverage to nine supported ecosystems: Composer (PHP), Go, Maven (Java), npm (JavaScript), NuGet (.NET), pip (Python), RubyGems (Ruby), Rust, and now Erlang (Hex)

liveview在elixir之外编程语言的变体

php - livewire
ruby - hotwire
golang - livebud
v8 - liveviewJS
swift - liveviewnative/liveview-client-swiftui (github.com)
kotlin dsrees/JavaPhoenixClient: Phoenix client for the JVM built with Kotlin (github.com)
python - reactor

1.skia
2.flutter
3.react native
4.webview
5.native
6.liveview.native

sketch后端是 elixir
figma后端是 rust

微软和mozilla站队 rust + typescript + v8 + supabase
谷歌 dart + dartvm + firebase
苹果老作风不为 jsc 、bun作为新的前端工具 ssr确实比node快1.5倍也比deno快。

+元宇宙再看
xr有很多业务网页,并非所有都是3D渲染,而且考虑更多人在线,还会以就近节点懒渲染为主可见资源珍贵。

微软 rust + serve + hololens + 暴雪生态
meta oculus + unity + matic(token)
苹果 realityOS …

vr应用里面跑一个 flutter 可能够呛,vr应用里面跑一个网页比如支付网关资源也不需要很多。
下一代web技术栈尽可能发挥 html + css + js + wasm(rust、cpp) 优势
vr应用里面跑一个deno,“where there is a shell, there is a way”

下个世代
wasm容器、JS容器(deno容器) run on everywhere

结论是什么,其实 figma、tesla、web3都在给中国工业软件 工业汽车 金融 带路
web3虽然短期被排斥,长期台湾老师、日本老师、新加坡老师都会给中国学生上课。

aa5262098c23995552ee77c34f1e82a

Petal Framework

准确来说左栏还要加上 K8S

过去unix老人喜欢 make it work make it right make it fast
现代web3时代 Make it work make it safety make it beautiful

健康码让很多人不知不觉就进入了数字经济时代。
web3用密码学很低成本去保护每个人的资产。
XR将得到更大的普及,承载很多创意工作者。

erc20 erc721 erc1155 erc3525

数字人民币
数字藏品
游戏道具
金融债券

godotVR
unreal
unity

不起眼de微交互

xp 右键刷新
pc时代 360安全体检
安卓时代 垃圾清理
苹果 dynamic island 或 widgets
Deno deploy 一键全球CDN部署

为什么deno?因为nodejs底层event loop实现不是浏览器first

为什么elixir?因为golang没有hack拿不到goroutine id…等等细节