学习路径

无论你是前端专家、后端开发者,还是编程新手,Nex 都能让你快速上手。请根据你的背景选择最适合的学习路线。

🌱 零基础入门路线

如果你刚开始接触 Web 开发,Nex 是一个完美的起点,因为它屏蔽了现代前端工程化(Node.js, Webpack, Bundlers)的复杂性。

  1. HTML/CSS 基础:了解基本的 HTML 标签和 Tailwind CSS 类名(Nex 默认内置)。
  2. Elixir 入门:掌握基础语法、Map、List 和模式匹配。
  3. Nex 三板斧
    • 学习 mount/1:如何初始化数据。
    • 学习 render/1:如何编写模板。
    • 学习 Action:如何处理点击和表单。
  4. 动手实践:跟着教程写一个简单的“个人名片”或“计数器”。

🐘 有后端经验路线 (Rails, Django, Go)

如果你习惯于服务端渲染(SSR)和传统的 MVC 架构,你会发现 Nex 就像是“插了翅膀”的传统开发模式。

  1. 交互模型:理解 Nex 如何通过 HTML 属性(默认使用 HTMX)发送异步请求并进行局部替换,从而避免编写繁琐的 JavaScript。
  2. 文件路由:适应没有 routes.rburls.py 的日子,文件夹结构就是你的 API。
  3. 状态隔离:理解 Nex.Store 是如何基于 page_id 进行页面级状态管理的,这与传统的 Session 不同。
  4. 进阶:探索如何使用 Nex 构建标准的 JSON API 供其他客户端使用。

⚛️ 有前端经验路线 (React, Vue, Next.js)

如果你厌倦了管理复杂的客户端状态、数据同步和巨大的 JS 包体积,Nex 将带你回到“零包体积”的时代。

  1. 心态转变:放弃“客户端管理所有状态”的想法。在 Nex 中,状态通常保存在服务端或 URL 中。
  2. Locality of Behavior (LoB):观察交互逻辑是如何直接写在 HTML 标签上的(hx-*),而不是散落在 useEffectmethods 中。
  3. Alpine.js 集成:如果你确实需要复杂的客户端动画或即时 UI 状态(如打开模态框),学习如何使用 Alpine.js 辅助 Nex。
  4. 性能对比:感受没有虚拟 DOM 的“原始 HTML 替换”有多快。