??? ?? ?? ??????? ??? ? ???? ?? ? ? ????. ?? ??? ??? ????? ??? ? Q & A? ???? ?? ???? ???? ?? ???? ?????. ? ??? ? ?? ??? ??? ????? ???? ?????.

???? ??? ?? Markdown? RAW HTML? ?? ??? ??? ?????. ??? Web Components? ???? ?? ???? ?? ??? ?? ??? ???? Markdown ??? ?? HTML? ???? Markdown? ??? ?? ? ? ????. REACT (? PREACT ?? VUE? ?? JSX ?? ??? ??)? ?? MDX? ??? ??? ?????.

? ??? ??? ? ??? ??? ?? ??? ?? ?? ??? ??? ?????. ?? MDX? ???? ?? ???? ??? ??? ???? ????.

MDX ??

.mdx ??? ?? Markdown ??? ????? ??? JSX ?? ??? ?? ?? ? ???? ?????. VUE ?? ?? ??? ?? Alpha? ????. MDX? React App ???? ?? ???? Next.js ? Gatsby?? ????? ????. Docusaurus ?? 2?? ?? ??? ?????.

Docusaurus : ?? ??

Facebook (React ??)? ?? ?? ? Docusaurus? ??? ?? ?? ?? ???? (Redux, Pretier, Gulp, Babel)? ?? ?????. ??? ?? ??? ?? ??? ?? ?????. Docusaurus? ????? RECT? ???? ?? ??? ?? React ??? ???? ????. Markdown ??? ? ????? ????? ???? ?? ???? ?????.

Docusaurus ???? Markdown ?? ???? ???? Seamless ?? ?? ??? ?? Prism.js? ?? ? ? ????. Stackshare?? 2018 ? ??? ??? ??? ?? ? ??? ?????.

?? ?? ???

Docusaurus? ???? ??????? ??? ??? ?????. ??? ??? ??, CMSS ?? ?? ??? ???? ???? ?? ???? ?????. IBM? ??? ???, Apollo ? Ghost CMS, ?? ??, ???? ?? ???? ??? ?? ??? ???? ???? React. Vuepress? Vue ??? ??? ???? ?? ????. Python?? ??? ?? ?? ?? ??? ??? ? MKDocs? ??? YAML ??? ?????. ???? ?? ?? ? Gitbook? ?? ?? ? ??? ?? ??? ??? ? ? ????. ??? ?? ???? ?? Github? Markdown ??? ??? ?? ??? ?????.

?? ?? ?? : Docz, Storybook ? Styleguidist

??? ???? ??? ???? ??? ??? ?????. Component-Driven Frameworks (? : React) ? ?? ????? ?? ?????? ?? ???? ??????.

Storybook, Docz ? Styleguidist? ??? ??? ?????. ?? ? UI ?? ?? ?? ? API ???. ??? ??? ???? ??? ?? ??? ????? ?? ???? ?????? ?? ??? ????? ?????. ??? ???? ?? ?? ??? ??? ???? ??? ???? ??? ?? ??? ?????.

? ??? ?? ?? ?? ??? ??? ????? ??? ?? ???? ??? ?? ??? ???? ??? ?????. ?? ? ?? ?? ??? ?? ???? ??? ?? (? : ?? ??)? ?? ? ? ????.

Storybook? ??? ?? Dan Green? ??? Docz ? Styleguidist??? ???? ?????.

“Storybook? ??? ????? ?? ??? ???????. ??? ?? (Docker Containers ?)? ???? ????. ???? ??, ??? ???? ??? ???? (? :?? ???) ?? ? ??? ?? ??? ?????. ??? ? ???? ??? ?? ??? ???? ?? ??? ?? ???? ? PMS? ??? ? ??? ?? ? ??? ?????.

- Dan Green, Wave Financial

??? ????? ??? ??, ?? ??? (?? ???, ?? ??, ??? ??? ??)? ?? ?? ??? ??????. Markdown? ???? ????? ??? ?? ?? ??? ??????. Docz, Styleguidist ? Storybook? Markdown? ?? ??? ???? ?????.

DOCZ

?? ?? ?? (PREACT, VUE ? ? ?? ??? ?? ??? ??)?? DOCZ (14,000 Github Stars)? ??? ??? ? ??? ?????. ??? ?????<playground></playground> ???<props></props> .mdx ?? ??? ?? ???? ?? ??.

 "Docz"?? {Playground, Props} ?? ??;
"../src/button"?? ?? ?? ??;

## ??? _write_ ** Markdown ** ? ? ????.
### ?? ??? ???? ??? ? ????

<playground>
  <button>?? ?? ??</button>
</playground>

?? ?? ??? ?????<playground></playground> ???? ??? ????? ????.<props></props> ?? ?? ??, ??? ? ??? ??? ?????.

<props of="{Button}"></props>

Docz? MDX ?? ?? ??? ????? ????? ??? ??? ??? ?????.

Styleguidist

StyleGuidist? MDX ?? ?? .md ?? ??? Markdown ?? ?? (??? ? ??)? ?????.

 ```JS
 Console.log ( '??')

<code></code>

 <code>>Push Me</code>

?? ??? js , jsx ?? javascript ???? ?? ? ?? ?? ??? ??????. ??? ?? ???? ???? ??? ???? ?????. Styleguidist? Proptypes, Flow ?? TypeScript ???? ?? ???? ???? ?????. React ? Vue? ?????.

??? ?

??? ? (36,000 Github Stars)? UI ?? ?? ?? ?????. Markdown/Mdx ?? ??? (?? ?? ??? ????)? JavaScript ??? ?????.

 ??? ( '??', ??)
  .add ( 'disabled', () => (
    <button disabled>Lorem Ipsum</button>
  )))

Storybook? ?? ??? Docz ? Style Guidist?? ????? ????. ??? ??? ???? ??? ?? ?? (React, React Native, Vue, Angular, Mithril, Ember, Riot, Svelte, HTML)? ??? ???. ???? ?? ???? ????? ?? ???? DOCZ?? ??? ?? MDX? ?? ? ????.

 # ??

** Markdown ?? **? ??? ??? ?? ?? _notes_.


<button>Lorem Ipsum</button>

Storybook? ???? Docs ??? ??? ??? ?????.

??

?? ?????? ??? ?? ?????. ? ?? ? ?????? ??? ???? ?? ???? ?????. ??? ??? ??? ? CSS ?? ??? ???? ??? DOCZ, StoryBook ? StyleGuidist? ?? ??? ?? ???? ????? ?????? ??? ???? ?????.

? ??? ??? ?? ??, ??? ??? ? MDX? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!