In this lesson we'll use mdx-deck to create a slide deck using Markdown and React. We'll look at adding multiple slides, code snippets, and importing React components. We'll also leverage the mdx-deck CLI for our development environment and building for production.

Additional Resources:

 

Install:

yarn add mdx-deck

 

deck.mdx:

export {book as theme} from 'mdx-deck/themes'# Hello! this is my first slide!---# We will see how mdx-deck works```notesThese are only visible in presenter mode```---```jsx```---import Counter from 'components/Counter'
     

 

package.json:

"scripts": {    "start": "mdx-deck deck.mdx",    "build": "mdx-deck build deck.mdx"  },