XUANJI MUSE / AI-NATIVE DEV LEARNING

Understand code.Do not just copy it.

From React and Node.js to LLM apps, RAG and deep learning — read, watch, run, debug and build in one AI-native learning space.

Start my learning path View the workspace

Markdown-first · Embedded video · Code practice · AI tutor · Cloudflare Native

Xuanji Muse — Learning WorkspaceREACT · 01 / 08

REACT · 约 12 分钟

Components, Props and composition

A component is an independent, reusable piece of UI. Learn how data flows down through Props and actions flow up through event handlers.

CourseCard.tsx

function CourseCard({ title, onStart }) {
  return (
    <article>
      <h2>{title}</h2>
      <button onClick={onStart}>开始</button>
    </article>
  )
}

VIDEO · 08:24组件为什么可以复用？

Notion-like MarkdownVideo inside the lessonInteractive practiceGrounded AI tutor

// LEARNING PATHS

Learn the stack as one connected system.

Start with three complete paths. Every lesson ends with proof of understanding, and every path ends with a real project.

01AI Frontend

零基础到全栈作品

HTML · CSS · TS · React · Node

02React

Build reusable interfaces with a correct modern React mental model.

Components · Hooks · State

03LLM & RAG

Build grounded assistants with retrieval, citations and evaluation.

Retrieval · Agents · Evals

XUANJI LEARNING SYSTEM

Docs for understanding. Code for proof.

Xuanji Muse is not a passive video library and it is not an AI answer machine. Every concept connects explanation, demonstration, deterministic practice and a project artifact you can defend.

Start my learning path