เจคเฉเจนเจพเจกเฉ เจเฉเจฒ เจธเจญ เจคเฉเจ เจตเจงเฉเจ เจเจชเจจ เจธเฉเจฐเจธ เจชเฉเจฐเฉเจเฉเจเจ เจนเฉ เจธเจเจฆเจพ เจนเฉ, เจชเจฐ เจเฉเจเจฐ เจเจธ เจตเจฟเฉฑเจ เจเฉฐเจเฉ เจฆเจธเจคเจพเจตเฉเจเจผ เจจเจนเฉเจ เจนเจจ, เจคเจพเจ เจธเฉฐเจญเจพเจตเจจเจพ เจนเฉ เจเจฟ เจเจน เจเจฆเฉ เจตเฉ เจฌเฉฐเจฆ เจจเจนเฉเจ เจนเฉเจตเฉเจเจพเฅค เจฆเจซเจคเจฐ เจตเจฟเฉฑเจ, เจเฉฐเจเฉ เจฆเจธเจคเจพเจตเฉเจเจผ เจคเฉเจนเจพเจจเฉเฉฐ เจเจนเฉ เจธเจตเจพเจฒเจพเจ เจฆเฉ เจเจตเจพเจฌ เจฆเฉเจฃ เจคเฉเจ เจฐเฉเจเจฃเจเฉเฅค เจฆเจธเจคเจพเจตเฉเจเจผ เจเจน เจตเฉ เจฏเจเฉเจจเฉ เจฌเจฃเจพเจเจเจฆเจพ เจนเฉ เจเจฟ เจเฉ เจฎเฉเฉฑเจ เจเจฐเจฎเจเจพเจฐเฉ เจเฉฐเจชเจจเฉ เจเฉฑเจก เจฆเจฟเฉฐเจฆเฉ เจนเจจ เจเจพเจ เจญเฉเจฎเจฟเจเจพเจตเจพเจ เจฌเจฆเจฒเจฆเฉ เจนเจจ เจคเจพเจ เจฒเฉเจ เจชเฉเจฐเฉเจเฉเจเจ เจจเฉเฉฐ เจธเจฎเจ เจธเจเจฆเฉ เจนเจจเฅค เจฒเจพเจเจต เจฆเจฟเจธเจผเจพ-เจจเจฟเจฐเจฆเฉเจธเจผ เจกเฉเจเจพ เจฆเฉ เจเจเจธเจพเจฐเจคเจพ เจจเฉเฉฐ เจฏเจเฉเจจเฉ เจฌเจฃเจพเจเจฃ เจตเจฟเฉฑเจ เจฎเจฆเจฆ เจเจฐเจจเจเฉเฅค
เจเฉ เจคเฉเจนเจพเจจเฉเฉฐ เจฒเฉฐเจฎเจพ เจเฉเจเจธเจ เจฒเจฟเจเจฃ เจฆเฉ เจฒเฉเฉ เจนเฉ, เจคเจพเจ เจฎเจพเจฐเจเจกเจพเจเจจ HTML เจฆเจพ เจเฉฑเจ เจตเจงเฉเจ เจตเจฟเจเจฒเจช เจนเฉเฅค เจเจ เจตเจพเจฐ เจฎเจพเจฐเจเจกเจพเจเจจ เจธเฉฐเจเฉเจเจธ เจเจพเจซเจผเฉ เจจเจนเฉเจ เจนเฉเฉฐเจฆเจพเฅค เจเจธ เจธเจฅเจฟเจคเฉ เจตเจฟเฉฑเจ เจ เจธเฉเจ เจเจธเจฆเฉ เจ เฉฐเจฆเจฐ HTML เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐ เจธเจเจฆเฉ เจนเจพเจเฅค เจเจฆเจพเจนเจฐเจจ เจฒเจ, เจเจธเจเจฎ เจคเฉฑเจคเฅค เจเจธ เจฒเจ, เจเฉเจเจฐ เจคเฉเจธเฉเจ เจฎเฉเจฒ เจตเฉเจฌ เจเฉฐเจชเฉเจจเฉเจเจเจธ เจฆเฉ เจจเจพเจฒ เจเฉฑเจ เจกเจฟเจเจผเจพเจเจจ เจธเจฟเจธเจเจฎ เจฌเจฃเจพ เจฐเจนเฉ เจนเฉ, เจคเจพเจ เจเจนเจจเจพเจ เจจเฉเฉฐ เจเฉเจเจธเจ เจฆเจธเจคเจพเจตเฉเจเจผ เจตเจฟเฉฑเจ เจเจธเจพเจจเฉ เจจเจพเจฒ เจธเจผเจพเจฎเจฒ เจเฉเจคเจพ เจเจพ เจธเจเจฆเจพ เจนเฉเฅค เจเฉเจเจฐ เจคเฉเจธเฉเจ React (เจเจพเจ Preact เจเจพเจ Vue เจตเจฐเจเฉ เจเฉเจ เจนเฉเจฐ JSX เจซเจฐเฉเจฎเจตเจฐเจ) เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐ เจฐเจนเฉ เจนเฉ, เจคเจพเจ เจคเฉเจธเฉเจ MDX เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐเจเฉ เจเจนเฉ เจเฉฐเจฎ เจเจฐ เจธเจเจฆเฉ เจนเฉเฅค
เจเจน เจฒเฉเจ เจฆเจธเจคเจพเจตเฉเจเจผเจพเจ เจจเฉเฉฐ เจฒเจฟเจเจฃ เจ เจคเฉ เจฆเจฟเจธเจผเจพ-เจจเจฟเจฐเจฆเฉเจธเจผ เจฌเจฃเจพเจเจฃ เจฒเจ เจธเจพเจงเจจเจพเจ เจฆเฉ เจเฉฑเจ เจตเจฟเจเจชเจ เจธเฉฐเจเฉเจช เจเจพเจฃเจเจพเจฐเฉ เจนเฉเฅค เจเฉฑเจฅเฉ เจธเฉเจเฉเจฌเฉฑเจง เจธเจพเจฐเฉ เจเฉเจฒ MDX เจฆเฉ เจตเจฐเจคเฉเจ เจจเจนเฉเจ เจเจฐเจฆเฉ เจนเจจ, เจชเจฐ เจเจน เจคเฉเจเจผเฉ เจจเจพเจฒ เจฆเจธเจคเจพเจตเฉเจเจผเฉ เจธเจพเจงเจจเจพเจ เจตเจฟเฉฑเจ เจธเจผเจพเจฎเจฒ เจเฉเจคเฉ เจเจพ เจฐเจนเฉ เจนเจจเฅค
MDX เจเฉ เจนเฉ?
เจซเจพเจเจฒ .mdx
เจฎเจพเจฐเจเจกเจพเจเจจ เจฆเฉ เจธเจฎเจพเจจ เจธเฉฐเจเฉเจเจธ เจนเฉ, เจชเจฐ เจคเฉเจนเจพเจจเฉเฉฐ เจเฉฐเจเจฐเจเจเจเจฟเจต JSX เจญเจพเจเจพเจ เจจเฉเฉฐ เจเจฏเจพเจค เจเจฐเจจ เจ
เจคเฉ เจเจนเจจเจพเจ เจจเฉเฉฐ เจคเฉเจนเจพเจกเฉ เจธเจฎเฉฑเจเจฐเฉ เจตเจฟเฉฑเจ เจเจฎเจฌเฉเจก เจเจฐเจจ เจฆเฉ เจเจเจพเจเจผเจค เจฆเจฟเฉฐเจฆเจพ เจนเฉเฅค Vue เจญเจพเจเจพเจ เจฒเจ เจธเจฎเจฐเจฅเจจ เจ
เจฒเจซเจผเจพ เจตเจฟเฉฑเจ เจนเฉเฅค MDX เจจเจพเจฒ เจเฉฐเจฎ เจเจฐเจจเจพ เจธเจผเฉเจฐเฉ เจเจฐเจจ เจฒเจ, เจธเจฟเจฐเจซเจผ โCreate React เจเจชโ เจจเฉเฉฐ เจธเจฅเจพเจชเจฟเจค เจเจฐเฉเฅค Next.js เจ
เจคเฉ Gatsby เจฒเจ เจชเจฒเฉฑเจเจเจจ เจนเจจเฅค เจกเฉเจเจธเฉเจฐเจธ เจฆเฉ เจ
เจเจฒเฉ เจธเฉฐเจธเจเจฐเจฃ (เจตเจฐเจเจจ 2) เจจเฉเฉฐ เจตเฉ เจฎเฉเจฒ เจธเจฎเจฐเจฅเจจ เจชเฉเจฐเจพเจชเจค เจนเฉเจตเฉเจเจพเฅค
Docusaurus เจจเจพเจฒ เจฆเจธเจคเจพเจตเฉเจเจผ เจฒเจฟเจเจฃเจพ
Docusaurus เจจเฉ เจซเฉเจธเจฌเฉเฉฑเจ 'เจคเฉ เจฒเจฟเจเจฟเจเฅค เจเจน เจเจธเจจเฉเฉฐ เจชเฉเจฐเจคเฉเจเจฟเจฐเจฟเจ เจจเฉเฉฐ เจเฉฑเจก เจเฉ เจนเจฐ เจเจชเจจ เจธเฉเจฐเจธ เจชเฉเจฐเฉเจเฉเจเจ 'เจคเฉ เจตเจฐเจคเจฆเฉ เจนเจจเฅค เจเฉฐเจชเจจเฉ เจฆเฉ เจฌเจพเจนเจฐ เจเจธเจฆเฉ เจตเจฐเจคเฉเจ Redux, Prettier, Gulp เจ เจคเฉ Babel เจฆเฉเจเจฐเจพ เจเฉเจคเฉ เจเจพเจเจฆเฉ เจนเฉเฅค
เจชเฉเจฐเฉเจเฉเจเจ เจเฉ เจกเฉเจเจธเฉเจฐเจธ เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐเจฆเฉ เจนเจจเฅค
เจกเฉเจเจธเฉเจฐเจธ เจจเฉเฉฐ เจฒเจฟเจเจฃ เจฒเจ เจตเจฐเจคเจฟเจ เจเจพ เจธเจเจฆเจพ เจนเฉ เจเฉเจ เจตเฉ เจฆเจธเจคเจพเจตเฉเจเจผ, เจจเจพ เจธเจฟเจฐเจซ เจซเจฐเฉฐเจเจเจเจก เจฆเจพ เจตเจฐเจฃเจจ เจเจฐเจจ เจฒเจเฅค เจเจธ เจตเจฟเฉฑเจ เจนเฉเฉฑเจก เจฆเฉ เจนเฉเจ เจพเจ เจชเฉเจฐเจคเฉเจเจฟเจฐเจฟเจ เจนเฉ, เจชเจฐ เจคเฉเจนเจพเจจเฉเฉฐ เจเจธเจจเฉเฉฐ เจตเจฐเจคเจฃ เจฒเจ เจเจธ เจคเฉเจ เจเจพเจฃเฉ เจนเฉเจฃ เจฆเฉ เจฒเฉเฉ เจจเจนเฉเจ เจนเฉเฅค เจเจน เจคเฉเจนเจพเจกเฉเจเจ เจฎเจพเจฐเจเจกเจพเจเจจ เจซเจพเจเจฒเจพเจ เจจเฉเฉฐ เจฒเฉเจเจฆเฉ เจนเฉ, เจเฉฑเจ เจธเฉเฉฐเจฆเจฐ เจกเจฟเจเจผเจพเจเจจ เจฆเฉ เจจเจพเจฒ เจเฉฑเจ เจเฉเจเจเฉ เจเจพเจฆเฉ เจ เจคเฉ เจเฉฐเจเฉ เจคเจฐเฉเจนเจพเจ เจธเจเฉเจฐเจเจเจฐเจก, เจซเจพเจฐเจฎเฉเจ เจเฉเจคเฉ เจ เจคเฉ เจชเฉเฉเจนเจจเจฏเฉเจ เจฆเจธเจคเจพเจตเฉเจเจผ เจคเจฟเจเจฐ เจนเจจเฅค
Redux เจตเฉเฉฑเจฌเจธเจพเจเจ 'เจคเฉ เจคเฉเจธเฉเจ เจธเจเฉเจเจกเจฐเจก Docusaurus เจเฉเจเจชเจฒเฉเจ เจฆเฉเจ เจธเจเจฆเฉ เจนเฉ
เจกเฉเจเจธเฉเจฐเจธ เจจเจพเจฒ เจฌเจฃเฉเจเจ เจตเฉเฉฑเจฌเจธเจพเจเจเจพเจ เจตเจฟเฉฑเจ เจฎเจพเจฐเจเจกเจพเจเจจ-เจ เจงเจพเจฐเจฟเจค เจฌเจฒเฉเจ เจตเฉ เจธเจผเจพเจฎเจฒ เจนเฉ เจธเจเจฆเจพ เจนเฉเฅค Prism.js เจธเจฟเฉฐเจเฉเจเจธ เจนเจพเจเจฒเจพเจเจเจฟเฉฐเจ เจฒเจ เจคเฉเจฐเฉฐเจค เจเฉเฉเจฟเจ เจนเฉเจเจ เจนเฉเฅค เจเจธ เจคเฉฑเจฅ เจฆเฉ เจฌเจพเจตเจเฉเจฆ เจเจฟ เจกเฉเจเจธเฉเจฐเจธ เจฎเฉเจเจพเจฌเจฒเจคเจจ เจนเจพเจฒ เจนเฉ เจตเจฟเฉฑเจ เจชเฉเจฐเจเจ เจนเฉเจเจ เจธเฉ, เจเจธ เจจเฉเฉฐ เจธเจเฉเจเจธเจผเฉเจ เจฐ 'เจคเฉ 2018 เจฆเฉ เจธเจญ เจคเฉเจ เจตเจงเฉเจ เจธเจพเจงเจจ เจตเจเฉเจ เจฎเจพเจจเจคเจพ เจฆเจฟเฉฑเจคเฉ เจเจ เจธเฉเฅค
เจนเฉเจฐ เจธเจฎเฉฑเจเจฐเฉ เจฌเจฃเจพเจเจฃ เจฆเฉ เจตเจฟเจเจฒเจช
Docusaurus เจเจพเจธ เจคเฉเจฐ 'เจคเฉ เจฆเจธเจคเจพเจตเฉเจเจผ เจฌเจฃเจพเจเจฃ เจฒเจ เจคเจฟเจเจฐ เจเฉเจคเจพ เจเจฟเจ เจนเฉ. เจฌเฉเจธเจผเฉฑเจ, เจเฉฑเจ เจตเฉเจฌเจธเจพเจเจ เจฌเจฃเจพเจเจฃ เจฆเฉ เจเฉฑเจ เจฎเจฟเจฒเฉเจ เจจ เจ เจคเฉ เจเฉฑเจ เจคเจฐเฉเจเฉ เจนเจจ - เจคเฉเจธเฉเจ เจเจฟเจธเฉ เจตเฉ เจญเจพเจธเจผเจพ, CMS เจตเจฟเฉฑเจ เจเจชเจฃเจพ เจเฉเจฆ เจฆเจพ เจนเฉฑเจฒ เจคเฉเจจเจพเจค เจเจฐ เจธเจเจฆเฉ เจนเฉ, เจเจพเจ เจเฉฑเจ เจธเจฅเจฟเจฐ เจธเจพเจเจ เจเจจเจฐเฉเจเจฐ เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐ เจธเจเจฆเฉ เจนเฉเฅค
เจเจฆเจพเจนเจฐเจจ เจฒเจ, React, IBM เจกเจฟเจเจผเจพเจเจจ เจธเจฟเจธเจเจฎ, Apollo เจ เจคเฉ Ghost CMS เจฒเจ เจฆเจธเจคเจพเจตเฉเจเจผ เจเฉเจเจธเจฌเฉ เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐเจฆเฉ เจนเจจ - เจเฉฑเจ เจธเจฅเจฟเจฐ เจธเจพเจเจ เจเจจเจฐเฉเจเจฐ เจเฉ เจ เจเจธเจฐ เจฌเจฒเฉเจ เจฒเจ เจตเจฐเจคเจฟเจ เจเจพเจเจฆเจพ เจนเฉเฅค เจเฉเจเจฐ เจคเฉเจธเฉเจ Vue เจจเจพเจฒ เจเฉฐเจฎ เจเจฐเจฆเฉ เจนเฉ, เจคเจพเจ VuePress เจคเฉเจนเจพเจกเฉ เจฒเจ เจเฉฑเจ เจตเจงเฉเจ เจตเจฟเจเจฒเจช เจนเฉเฅค เจเฉฑเจ เจนเฉเจฐ เจตเจฟเจเจฒเจช Python - MkDocs เจตเจฟเฉฑเจ เจฒเจฟเจเฉ เจเจจเจฐเฉเจเจฐ เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐเจจเจพ เจนเฉเฅค เจเจน เจเจชเจจ เจธเฉเจฐเจธ เจนเฉ เจ เจคเฉ เจเฉฑเจ เจธเจฟเฉฐเจเจฒ YAML เจซเจพเจเจฒ เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐเจเฉ เจเฉเจเจซเจฟเจเจฐ เจเฉเจคเจพ เจเจฟเจ เจนเฉเฅค GitBook เจตเฉ เจเฉฑเจ เจเฉฐเจเจพ เจตเจฟเจเจฒเจช เจนเฉ, เจชเจฐ เจเจน เจธเจฟเจฐเจซเจผ เจเจจเจคเจ เจ เจคเฉ เจเฉเจฐ-เจตเจชเจพเจฐเจ เจเฉเจฎเจพเจ เจฒเจ เจฎเฉเจซเจผเจค เจนเฉเฅค เจคเฉเจธเฉเจ เจเจฟเฉฑเจ เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐเจเฉ เจฎเจพเจฐเจกเจพเจเจจ เจซเจพเจเจฒเจพเจ เจจเฉเฉฐ เจตเฉ เจ เจชเจฒเฉเจก เจเจฐ เจธเจเจฆเฉ เจนเฉ เจ เจคเฉ เจเจฟเจฅเจฌ เจตเจฟเฉฑเจ เจเจนเจจเจพเจ เจจเจพเจฒ เจเฉฐเจฎ เจเจฐ เจธเจเจฆเฉ เจนเฉเฅค
เจฆเจธเจคเจพเจตเฉเจเจผเฉ เจญเจพเจ: เจกเฉเจเจเจผ, เจธเจเฉเจฐเฉเจฌเฉเฉฑเจ เจ เจคเฉ เจธเจเจพเจเจฒเจเจพเจเจกเจฟเจธเจ
เจฆเจฟเจธเจผเจพ-เจจเจฟเจฐเจฆเฉเจธเจผ, เจธเจฟเจธเจเจฎ เจกเจฟเจเจผเจพเจเจจ, เจเฉฐเจชเฉเจจเฉเจเจ เจฒเจพเจเจฌเฉเจฐเฉเจฐเฉเจเจ - เจเฉ เจตเฉ เจคเฉเจธเฉเจ เจเจนเจจเจพเจ เจจเฉเฉฐ เจเจนเจฟเฉฐเจฆเฉ เจนเฉ, เจเจน เจนเจพเจฒ เจนเฉ เจตเจฟเฉฑเจ เจฌเจนเฉเจค เจฎเจธเจผเจนเฉเจฐ เจนเฉ เจเจฟเจ เจนเฉเฅค เจฐเจฟเจเจเจ เจตเจฐเจเฉ เจเฉฐเจชเฉเจจเฉเจเจ เจซเจฐเฉเจฎเจตเจฐเจ เจ เจคเฉ เจเฉฑเจฅเฉ เจฆเฉฑเจธเฉ เจเจ เจเฉเจฒเจธ เจฆเฉ เจเจเจฎเจจ เจจเฉ เจเจนเจจเจพเจ เจจเฉเฉฐ เจตเจฟเจ เจฐเจฅ เจชเฉเจฐเฉเจเฉเจเจเจพเจ เจคเฉเจ เจเจชเจฏเฉเจเฉ เจธเจพเจงเจจเจพเจ เจตเจฟเฉฑเจ เจฌเจฆเจฒ เจฆเจฟเฉฑเจคเจพ เจนเฉเฅค
เจธเจเฉเจฐเฉเจฌเฉเฉฑเจ, เจกเฉเจเจเจผ เจ เจคเฉ เจธเจเจพเจเจฒเจเจพเจเจกเจฟเจธเจ เจธเจพเจฐเฉ เจเฉฑเจเฉ เจเฉฐเจฎ เจเจฐเจฆเฉ เจนเจจ: เจเฉฐเจเจฐเจเจเจเจฟเจต เจเจฒเฉเจฎเฉเจเจเจธ เจชเฉเจฐเจฆเจฐเจธเจผเจฟเจค เจเจฐเฉ เจ เจคเฉ เจเจนเจจเจพเจ เจฆเฉ API เจจเฉเฉฐ เจฆเจธเจคเจพเจตเฉเจเจผ เจฆเจฟเจเฅค เจเฉฑเจ เจชเฉเจฐเฉเจเฉเจเจ เจตเจฟเฉฑเจ เจฆเจฐเจเจจเจพเจ เจเจพเจ เจธเฉเจเจเฉเฉ เจญเจพเจ เจนเฉ เจธเจเจฆเฉ เจนเจจ - เจธเจพเจฐเฉ เจตเฉฑเจ-เจตเฉฑเจ เจฐเจพเจเจพเจ เจ เจคเฉ เจธเจผเฉเจฒเฉเจเจ เจฆเฉ เจจเจพเจฒเฅค เจเฉเจเจฐ เจคเฉเจธเฉเจ เจเจพเจนเฉเฉฐเจฆเฉ เจนเฉ เจเจฟ เจเฉฐเจชเฉเจจเฉเจเจ เจฆเฉเจฌเจพเจฐเจพ เจตเจฐเจคเฉ เจเจพเจฃ, เจคเจพเจ เจฒเฉเจเจพเจ เจจเฉเฉฐ เจเจน เจเจพเจฃเจจ เจฆเฉ เจฒเฉเฉ เจนเฉ เจเจฟ เจเจน เจฎเฉเจเฉเจฆ เจนเจจเฅค เจ เจเจฟเจนเจพ เจเจฐเจจ เจฒเจ, เจฌเจธ เจญเจพเจเจพเจ เจจเฉเฉฐ เจธเฉเจเฉเจฌเฉฑเจง เจเจฐเฉ. เจฆเจฟเจธเจผเจพ-เจจเจฟเจฐเจฆเฉเจธเจผ เจคเฉเจนเจพเจกเฉ เจธเจพเจฐเฉ เจญเจพเจเจพเจ เจฆเฉ เจเฉฑเจ เจเจธเจพเจจ-เจฒเฉฑเจญเจฃ เจตเจพเจฒเฉ เจธเฉฐเจเฉเจช เจเจพเจฃเจเจพเจฐเฉ เจชเฉเจฐเจฆเจพเจจ เจเจฐเจฆเฉ เจนเจจเฅค เจเจน เจตเจฟเจเจผเฉเจ เจฒ เจเจเจธเจพเจฐเจคเจพ เจจเฉเฉฐ เจฌเจฃเจพเจ เจฐเฉฑเจเจฃ เจ เจคเฉ เจฆเฉเจนเจฐเจพเจเจฃ เจตเจพเจฒเฉ เจเฉฐเจฎ เจคเฉเจ เจฌเจเจฃ เจตเจฟเฉฑเจ เจฎเจฆเจฆ เจเจฐเจฆเจพ เจนเฉเฅค
เจเจน เจธเจพเจงเจจ เจตเฉฑเจ-เจตเฉฑเจ เจฐเจพเจเจพเจ เจจเฉเฉฐ เจฆเฉเจเจฃ เจฆเจพ เจเฉฑเจ เจธเฉเจตเจฟเจงเจพเจเจจเจ เจคเจฐเฉเจเจพ เจชเฉเจฐเจฆเจพเจจ เจเจฐเจฆเฉ เจนเจจเฅค เจเฉฑเจ เจ เจธเจฒ เจเจชเจฒเฉเจเฉเจธเจผเจจ เจฆเฉ เจธเฉฐเจฆเจฐเจญ เจตเจฟเฉฑเจ เจเฉฑเจ เจนเจฟเฉฑเจธเฉ เจฆเฉ เจนเจฐเฉเจ เจธเจฅเจฟเจคเฉ เจจเฉเฉฐ เจฆเฉเจฌเจพเจฐเจพ เจคเจฟเจเจฐ เจเจฐเจจเจพ เจฎเฉเจธเจผเจเจฒ เจนเฉ เจธเจเจฆเจพ เจนเฉเฅค เจ เจธเจฒ เจเจชเจฒเฉเจเฉเจธเจผเจจ 'เจคเฉ เจเจฒเจฟเฉฑเจ เจเจฐเจจ เจฆเฉ เจฌเจเจพเจ, เจเจน เจเฉฑเจ เจตเฉฑเจเจฐเฉ เจนเจฟเฉฑเจธเฉ เจจเฉเฉฐ เจตเจฟเจเจธเจค เจเจฐเจจ เจฆเฉ เจฏเฉเจ เจนเฉ. เจนเจพเจฐเจก-เจเฉ-เจชเจนเฉเฉฐเจ เจ เจตเจธเจฅเจพเจตเจพเจ (เจเจฟเจตเฉเจ เจเจฟ เจฒเฉเจก เจนเฉเจฃ เจตเจพเจฒเฉเจเจ เจธเจฅเจฟเจคเฉเจเจ) เจจเฉเฉฐ เจธเจฟเจฎเฉเจฒเฉเจ เจเฉเจคเจพ เจเจพ เจธเจเจฆเจพ เจนเฉเฅค
เจตเฉฑเจ-เจตเฉฑเจ เจฐเจพเจเจพเจ เจฆเฉ เจตเจฟเจเจผเฉเจ เจฒ เจชเฉเจฐเจฆเจฐเจธเจผเจจ เจ เจคเฉ เจตเจฟเจธเจผเฉเจธเจผเจคเจพเจตเจพเจ เจฆเฉ เจเฉฑเจ เจธเฉเจเฉ เจฆเฉ เจจเจพเจฒ, เจธเจฎเฉฑเจเจฐเฉ เจฆเจพ เจเฉฑเจ เจเจฎ เจตเจฐเจฃเจจ เจฒเจฟเจเจฃเจพ เจ เจเจธเจฐ เจเจผเจฐเฉเจฐเฉ เจนเฉเฉฐเจฆเจพ เจนเฉ - เจกเจฟเจเจผเจพเจเจจ เจคเจฐเจเจธเฉฐเจเจค, เจตเจฐเจคเฉเจ เจฆเฉ เจเฉเจธ, เจเจพเจ เจเจชเจญเฉเจเจคเจพ เจเฉเจธเจเจฟเฉฐเจ เจจเจคเฉเจเจฟเจเจ เจฆเฉ เจตเจฐเจฃเจจเฅค เจฎเจพเจฐเจเจกเจพเจเจจ เจธเจฟเฉฑเจเจฃเจพ เจฌเจนเฉเจค เจเจธเจพเจจ เจนเฉ - เจเจฆเจฐเจธเจผเจ เจคเฉเจฐ 'เจคเฉ, เจฆเจฟเจธเจผเจพ เจจเจฟเจฐเจฆเฉเจธเจผ เจกเจฟเจเจผเจพเจเจจเจฐเจพเจ เจ เจคเฉ เจกเจฟเจตเฉเจฒเจชเจฐเจพเจ เจฒเจ เจธเจพเจเจเจพ เจธเจฐเฉเจค เจนเฉเจฃเฉ เจเจพเจนเฉเจฆเฉ เจนเจจเฅค Docz, Styleguidist, เจ เจคเฉ Storybook เจฎเจพเจฐเจเจกเจพเจเจจ เจจเฉเฉฐ เจญเจพเจเจพเจ เจจเจพเจฒ เจเจธเจพเจจเฉ เจจเจพเจฒ เจฎเจฟเจฒเจพเจเจฃ เจฆเจพ เจคเจฐเฉเจเจพ เจชเฉเจธเจผ เจเจฐเจฆเฉ เจนเจจเฅค
เจกเฉเจเจเจผ
เจตเจฐเจคเจฎเจพเจจ เจตเจฟเฉฑเจ Docz เจธเจฟเจฐเจซเจผ React เจจเจพเจฒ เจเฉฐเจฎ เจเจฐเจฆเจพ เจนเฉ, เจชเจฐ Preact, Vue เจ
เจคเฉ เจตเฉเจฌ เจเฉฐเจชเฉเจจเฉเจเจเจธ เจฆเจพ เจธเจฎเจฐเจฅเจจ เจเจฐเจจ เจฒเจ เจธเจฐเจเจฐเจฎ เจเฉฐเจฎ เจเฉฑเจฒ เจฐเจฟเจนเจพ เจนเฉเฅค Docz เจคเจฟเฉฐเจจเจพเจ เจตเจฟเฉฑเจเฉเจ เจธเจญ เจคเฉเจ เจคเจพเจเจผเจพ เจเฉเจฒ เจนเฉ, เจชเจฐ เจเจน เจเจฟเจฅเจฌ 'เจคเฉ 14 เจคเฉเจ เจตเฉฑเจง เจคเจพเจฐเฉ เจเจเฉฑเจ เฉ เจเจฐเจจ เจตเจฟเฉฑเจ เจเจพเจฎเจฏเจพเจฌ เจฐเจฟเจนเจพ เจนเฉเฅค Docz เจฆเฉ เจญเจพเจ เจชเฉเจธเจผ เจเจฐเจฆเจพ เจนเฉ - <Playground>
ะธ < Props >
. เจเจน เจเจฏเจพเจค เจ
เจคเฉ เจซเจพเจเจฒเจพเจ เจตเจฟเฉฑเจ เจตเจฐเจคเฉ เจเจพเจเจฆเฉ เจนเจจ .mdx
.
import { Playground, Props } from "docz";
import Button from "../src/Button";
## You can _write_ **markdown**
### You can import and use components
<Button>click</Button>
เจคเฉเจธเฉเจ เจเจธเจฆเฉ เจจเจพเจฒ เจเจชเจฃเฉ เจเฉเจฆ เจฆเฉ เจชเฉเจฐเจคเฉเจเจฐเจฎ เจฆเฉ เจญเจพเจเจพเจ เจจเฉเฉฐ เจธเจฎเฉเจ เจธเจเจฆเฉ เจนเฉ <Playground>
เจฌเจฟเจฒเจ-เจเจจ เจเฉเจกเจชเฉเจจ เจเจพเจ เจเฉเจกเจธเฉเจเจกเจฌเฉเจเจธ เจฆเจพ เจเจจเจพเจฒเจพเจ เจฌเจฃเจพเจเจฃ เจฒเจ - เจญเจพเจต, เจคเฉเจธเฉเจ เจเจชเจฃเจพ เจเฉฐเจชเฉเจจเฉเจเจ เจฆเฉเจเจฆเฉ เจนเฉ เจ
เจคเฉ เจเจธเจจเฉเฉฐ เจธเฉฐเจชเจพเจฆเจฟเจค เจเจฐ เจธเจเจฆเฉ เจนเฉเฅค
<Playground>
<Button>click</Button>
</Playground>
<Props>
เจฆเจฟเฉฑเจคเฉ เจเจ React เจเฉฐเจชเฉเจจเฉเจเจ, เจชเฉเจฐเจต-เจจเจฟเจฐเจงเจพเจฐเจค เจฎเฉเฉฑเจฒเจพเจ, เจ
เจคเฉ เจเฉ เจธเฉฐเจชเจคเฉ เจฆเฉ เจฒเฉเฉ เจนเฉ, เจฒเจ เจธเจพเจฐเฉเจเจ เจเจชเจฒเจฌเจง เจตเจฟเจธเจผเฉเจธเจผเจคเจพเจตเจพเจ เจฆเจฟเจเจพเจเจเจพเฅค
<Props of={Button} />
เจตเจฟเจ เจเจคเฉเจเจค เจคเฉเจฐ 'เจคเฉ, เจฎเฉเจจเฉเฉฐ เจเจน MDX เจเจงเจพเจฐเจฟเจค เจชเจนเฉเฉฐเจ เจธเจฎเจเจฃ เจฒเจ เจธเจญ เจคเฉเจ เจเจธเจพเจจ เจ เจคเฉ เจเฉฐเจฎ เจเจฐเจจ เจฒเจ เจธเจญ เจคเฉเจ เจเจธเจพเจจ เจฒเฉฑเจเจฆเจพ เจนเฉเฅค
เจเฉเจเจฐ เจคเฉเจธเฉเจ เจเฉเจเจธเจฌเฉ เจธเจเฉเจเจฟเจ เจธเจพเจเจ เจเจจเจฐเฉเจเจฐ เจฆเฉ เจชเฉเจฐเจธเจผเฉฐเจธเจ เจนเฉ, เจคเจพเจ เจกเฉเจเจเจผ เจเฉฑเจ เจตเจงเฉเจ เจเจเฉเจเจฐเจฃ เจฆเฉ เจชเฉเจธเจผเจเจธเจผ เจเจฐเจฆเจพ เจนเฉเฅค
เจธเจผเฉเจฒเฉ เจเจพเจเจก
Docz เจตเจพเจเจ, เจฎเจพเจฐเจเจกเจพเจเจจ เจธเจฟเฉฐเจเฉเจเจธ เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐเจเฉ เจเจฆเจพเจนเจฐเจจเจพเจ เจฒเจฟเจเฉเจเจ เจเจพเจเจฆเฉเจเจ เจนเจจเฅค เจธเจเจพเจเจฒเจเจพเจเจกเจฟเจธเจ เจจเจฟเจฏเจฎเจค เจซเจพเจเจฒเจพเจ เจตเจฟเฉฑเจ เจฎเจพเจฐเจเจกเจพเจเจจ เจเฉเจก เจฌเจฒเจพเจเจธ (เจคเจฟเจนเจฐเฉ เจเฉเจเจธ) เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐเจฆเจพ เจนเฉ .md
เจซเจพเจเจฒเจพเจ, MDX เจจเจนเฉเจเฅค
```js
<Button onClick={() => console.log('clicked')>Push Me</Button>
เจฎเจพเจฐเจเจกเจพเจเจจ เจตเจฟเฉฑเจ เจเฉเจก เจฌเจฒเจพเจ เจเจฎ เจคเฉเจฐ 'เจคเฉ เจธเจฟเจฐเจซเจผ เจเฉเจก เจฆเจฟเจเจพเจเจเจฆเฉ เจนเจจเฅค เจธเจเจพเจเจฒเจเจพเจเจกเจฟเจธเจ เจฆเฉ เจตเจฐเจคเฉเจ เจเจฐเจฆเฉ เจธเจฎเฉเจ, เจญเจพเจธเจผเจพ เจเฉเจ เจตเจพเจฒเฉ เจเฉเจก เจฆเจพ เจเฉเจ เจตเฉ เจฌเจฒเจพเจ js
, jsx
เจ javascript
React เจเฉฐเจชเฉเจจเฉเจเจ เจฆเฉ เจคเฉเจฐ 'เจคเฉ เจชเฉเจธเจผ เจเฉเจคเจพ เจเจพเจตเฉเจเจพเฅค Docz เจตเจพเจเจ, เจเฉเจก เจธเฉฐเจชเจพเจฆเจจเจฏเฉเจ เจนเฉ - เจคเฉเจธเฉเจ เจตเจฟเจธเจผเฉเจธเจผเจคเจพเจตเจพเจ เจจเฉเฉฐ เจฌเจฆเจฒ เจธเจเจฆเฉ เจนเฉ เจ
เจคเฉ เจคเฉเจฐเฉฐเจค เจจเจคเฉเจเจพ เจฆเฉเจ เจธเจเจฆเฉ เจนเฉเฅค
เจธเจเจพเจเจฒเจเจพเจเจกเจฟเจธเจ เจเจชเจฃเฉ เจเจช เจนเฉ เจชเฉเจฐเฉเจชเจเจพเจเจช, เจซเจฒเฉ เจเจพเจ เจเจพเจเจชเจธเจเฉเจฐเจฟเจชเจ เจเฉเจธเจผเจฃเจพเจตเจพเจ เจคเฉเจ เจเฉฑเจ เจชเฉเจฐเจพเจชเจฐเจเฉ เจเฉเจฌเจฒ เจฌเจฃเจพเจเจเจพเฅค
เจธเจเจพเจเจฒเจเจพเจเจกเจฟเจธเจ เจตเจฐเจคเจฎเจพเจจ เจตเจฟเฉฑเจ React เจ เจคเฉ Vue เจฆเจพ เจธเจฎเจฐเจฅเจจ เจเจฐเจฆเจพ เจนเฉเฅค
เจเจนเจพเจฃเฉ เจเจฟเจคเจพเจฌ
เจธเจเฉเจฐเฉเจฌเฉเฉฑเจ เจเจชเจฃเฉ เจเจช เจจเฉเฉฐ "UI เจเฉฐเจชเฉเจจเฉเจเจ เจกเจฟเจตเฉเจฒเจชเจฎเฉเจเจ เจตเจพเจคเจพเจตเจฐเจจ" เจฆเฉ เจคเฉเจฐ 'เจคเฉ เจฐเฉฑเจเจฆเฉ เจนเฉเฅค เจฎเจพเจฐเจเจกเจพเจเจจ เจเจพเจ MDX เจซเจพเจเจฒเจพเจ เจฆเฉ เจ เฉฐเจฆเจฐ เจเจฆเจพเจนเจฐเจจ เจญเจพเจเจพเจ เจจเฉเฉฐ เจฒเจฟเจเจฃ เจฆเฉ เจฌเจเจพเจ, เจคเฉเจธเฉเจ เจฒเจฟเจเจฆเฉ เจนเฉ เจเจนเจพเจฃเฉเจเจ Javascript เจซเจพเจเจฒเจพเจ เจฆเฉ เจ เฉฐเจฆเจฐ. ะััะพัะธั เจเฉฑเจ เจนเจฟเฉฑเจธเฉ เจฆเฉ เจเจพเจธ เจธเจฅเจฟเจคเฉ เจฆเจพ เจฆเจธเจคเจพเจตเฉเจเจผ. เจเจฆเจพเจนเจฐเจจ เจฒเจ, เจเฉฑเจ เจเฉฐเจชเฉเจจเฉเจเจ เจตเจฟเฉฑเจ เจเฉฑเจ เจฒเฉเจก เจเฉเจคเฉ เจธเจฅเจฟเจคเฉ เจ เจคเฉ เจเฉฑเจ เจ เจชเจพเจนเจ เจ เจตเจธเจฅเจพ เจฒเจ เจเจคเจฟเจนเจพเจธ เจนเฉ เจธเจเจฆเจพ เจนเฉ (เจ เจฏเฉเจ).
storiesOf('Button', module)
.add('disabled', () => (
<Button disabled>lorem ipsum</Button>
))
เจธเจเฉเจฐเฉเจฌเฉเฉฑเจ เจธเจเจพเจเจฒเจเจพเจเจกเจฟเจธเจ เจ เจคเฉ เจกเฉเจเจเจผ เจจเจพเจฒเฉเจ เจฌเจนเฉเจค เจเจผเจฟเจเจฆเจพ เจเฉเฉฐเจเจฒเจฆเจพเจฐ เจนเฉเฅค เจชเจฐ เจเจธเฉ เจธเจฎเฉเจ, เจเจน เจธเจญ เจคเฉเจ เจชเฉเจฐเจธเจฟเฉฑเจง เจตเจฟเจเจฒเจช เจนเฉ; เจชเฉเจฐเฉเจเฉเจเจ เจตเจฟเฉฑเจ เจเจฟเจฅเจฌ 'เจคเฉ 36 เจคเฉเจ เจตเฉฑเจง เจคเจพเจฐเฉ เจนเจจ. เจเจน 000 เจฏเฉเจเจฆเจพเจจเฉเจเจ เจ เจคเฉ เจซเฉเฉฑเจฒ-เจเจพเจเจฎ เจธเจเจพเจซ เจฆเฉ เจจเจพเจฒ เจเฉฑเจ เจเจชเจจ เจธเฉเจฐเจธ เจชเฉเจฐเฉเจเฉเจเจ เจนเฉเฅค เจเจธเจฆเฉ เจตเจฐเจคเฉเจ Airbnb, Algolia, Atlassian, Lyft เจ เจคเฉ Salesforce เจฆเฉเจเจฐเจพ เจเฉเจคเฉ เจเจพเจเจฆเฉ เจนเฉเฅค เจธเจเฉเจฐเฉเจฌเฉเฉฑเจ เจฎเฉเจเจพเจฌเจฒเฉเจฌเจพเจเจผเจพเจ เจจเจพเจฒเฉเจ เจตเจงเฉเจฐเฉ เจซเจฐเฉเจฎเจตเจฐเจ เจฆเจพ เจธเจฎเจฐเจฅเจจ เจเจฐเจฆเฉ เจนเฉ - เจฐเฉเจเจเจ, เจฐเฉเจเจเจ เจจเฉเจเจฟเจต, เจตเจฟเจ, เจเจเจเฉเจฒเจฐ, เจฎเจฟเจฅเฉเจฐเจฟเจฒ, เจเจเจฌเจฐ, เจฐเจพเจเจ, เจธเจตเฉเจฒเจ เจ เจคเฉ เจจเจฟเจฏเจฎเจค HTMLเฅค
เจญเจตเจฟเฉฑเจ เจตเจฟเฉฑเจ เจฐเฉเจฒเฉเจเจผ เจตเจฟเฉฑเจ Docz เจ เจคเฉ MDX เจฆเฉเจเจ เจตเจฟเจธเจผเฉเจธเจผเจคเจพเจตเจพเจ เจชเฉเจธเจผ เจเฉเจคเฉเจเจ เจเจพเจฃเจเฉเจเจเฅค
# Button
Some _notes_ about your button written with **markdown syntax**.
<Story name="disabled">
<Button disabled>lorem ipsum</Button>
</Story>
เจธเจเฉเจฐเฉเจฌเฉเฉฑเจ เจฆเฉเจเจ เจจเจตเฉเจเจ เจตเจฟเจธเจผเฉเจธเจผเจคเจพเจตเจพเจ เจ เจเจฒเฉ เจเฉเจ เจฎเจนเฉเจจเจฟเจเจ เจตเจฟเฉฑเจ เจนเฉเจฒเฉ เจนเฉเจฒเฉ เจฐเฉเจฒ เจเจเจ เจนเฉ เจเจพเจฃเจเฉเจเจ เจ เจคเฉ เจ เจเจฟเจนเจพ เจฒเจเจฆเจพ เจนเฉ เจเจฟ เจเจน เจเฉฑเจ เจตเฉฑเจกเจพ เจเจฆเจฎ เจนเฉเจตเฉเจเจพเฅค
เจจเจคเฉเจเฉ
เจชเฉเจเจฐเจจ เจฒเจพเจเจฌเฉเจฐเฉเจฐเฉ เจฆเฉ เจฒเจพเจญ เจฎเฉเจกเฉเจ เจฎ 'เจคเฉ เจฒเฉฑเจเจพเจ เจฒเฉเจเจพเจ เจตเจฟเฉฑเจ เจตเจกเจฟเจเจ เจเจ เจนเจจเฅค เจเจฆเฉเจ เจเฉฐเจเฉ เจคเจฐเฉเจนเจพเจ เจเฉเจคเจพ เจเจพเจเจฆเจพ เจนเฉ, เจคเจพเจ เจเจน เจธเฉฐเจฌเฉฐเจงเจฟเจค เจเจคเจชเจพเจฆเจพเจ เจจเฉเฉฐ เจฌเจฃเจพเจเจฃเจพ เจ เจคเฉ เจชเจเจพเจฃ เจฌเจฃเจพเจ เจฐเฉฑเจเจฃเจพ เจเจธเจพเจจ เจฌเจฃเจพเจเจเจฆเฉ เจนเจจเฅค เจฌเฉเจธเจผเฉฑเจ, เจเจนเจจเจพเจ เจตเจฟเฉฑเจเฉเจ เจเฉเจ เจตเฉ เจธเจพเจงเจจ เจเจพเจฆเฉเจ เจขเฉฐเจ เจจเจพเจฒ เจกเจฟเจเจผเจพเจเจจ เจธเจฟเจธเจเจฎ เจจเจนเฉเจ เจฌเจฃเจพเจเจเจพเฅค เจเจธ เจฒเจ เจธเจพเจตเจงเจพเจจ เจกเจฟเจเจผเจพเจเจจ เจ เจคเฉ CSS เจฆเฉ เจฒเฉเฉ เจนเฉเฅค เจชเจฐ เจเจฆเฉเจ เจเจน เจชเฉเจฐเฉ เจเฉฐเจชเจจเฉ เจฒเจ เจเฉฑเจ เจกเจฟเจเจผเจพเจเจจ เจธเจฟเจธเจเจฎ เจจเฉเฉฐ เจชเจนเฉเฉฐเจเจฏเฉเจ เจฌเจฃเจพเจเจฃ เจฆเจพ เจธเจฎเจพเจ เจเจเจเจฆเจพ เจนเฉ, เจคเจพเจ Docz, Storybook เจ เจคเฉ Styleguidist เจตเจงเฉเจ เจตเจฟเจเจฒเจช เจนเจจเฅค
เจ เจจเฉเจตเจพเจฆเจ เจคเฉเจเฅค เจนเฉเจฌเจฐเฉ 'เจคเฉ เจเจน เจฎเฉเจฐเจพ เจชเจนเจฟเจฒเจพ เจ เจจเฉเจญเจต เจนเฉเฅค เจเฉ เจคเฉเจนเจพเจจเฉเฉฐ เจเฉเจ เจ เจธเจผเฉเฉฑเจงเฉเจเจ เจฎเจฟเจฒเจฆเฉเจเจ เจนเจจ, เจเจพเจ เจฒเฉเจ เจจเฉเฉฐ เจธเฉเจงเจพเจฐเจจ เจฒเจ เจธเฉเจเจพเจ เจนเจจ, เจคเจพเจ เจฎเฉเจจเฉเฉฐ เจเฉฑเจ เจจเจฟเฉฑเจเฉ เจธเฉฐเจฆเฉเจธเจผ เจตเจฟเฉฑเจ เจฒเจฟเจเฉเฅค
เจธเจฐเฉเจค: www.habr.com