cwonrails / redeck

redeck

React components for creating presentation decks from markdown built with styled-components, react-markdown, and refunk

npm i redeck

Getting Started

Import redeck components to build your own markdown based slide deck.

import React from 'react'
import markdown from 'raw-loader!./deck.md'
import {
  Provider,
  Carousel,
  Slide,
  Markdown,
  Keyboard,
  Hash
} from 'redeck'

// Split a single markdown file or use multiple files
const slides = md.split('---\n')
  .filter(n => n.length)

const App = props => (
  <Provider>
    <Carousel>
      {slides.map(slide => (
        <Slide key={slide}>
          <Markdown>
            {slide}
          </Markdown>
        </Slide>
      ))}
    </Carousel>
    <Keyboard />
  </Provider>
)

export default App

App Setup

Use Create React App or any other React application setup

MIT License