MDX의 동작 원리

Demystifying MDX from @colebemis on @eggheadio

MDX 함수는 MDX 문자열을 JSX 문자열로 변환하는 함수이다. JSX로 변환된 MDX는 이후 JavaScript로 트랜스파일링 되고, 이를 React와 Vue등을 통해 렌더링하게 된다.

MDX는 다음과 같은 과정을 거쳐 JSX가 된다:

MDX String
→ MD AST (Markdown Abstract Syntax Tree which is JSON)
→ MDX AST (More JSX-like AST)
→ MDX HAST (More HTML-like AST)
→ JSX String