thewhitefox

Code Blocks

2020 December 13th

React Components markdown

Gatsby plugin MDX

Yeah let's code!

graphql

1query PostBySlug($slug: String!) {
2 mdx(fields: {slug: {eq: $slug}}) {
3 frontmatter {
4 title
5 date(formatString: "YYYYMMDo")
6 }
7 }
8}

React Component Editor with Live Preview

Live editing React code here is the Dump component! render output

Render Output !

props 💩[
 "One",
 "Two",
 "Three",
 "Four"
]

https://github.com/mdx-js/mdx

Cities to JazzLearn PostCSS

theWhiteFox Web Dev ! © 2021 | Made with Gatsby