reactmd-brunch

0.1.4 • Public • Published

reactmd-brunch

This brunch plugin will compile markdown files into a React component.

Installation

$ npm install reactmd-brunch

Usage

import { Component } from 'react';
import MarkdownContent from './content.md'
 
export default class MyComponent extends Component {
  render() {
    return (
      <div>
        <h1>Heading</h1>
        <MarkdownContent />
      </div>
    );
  }
}

Replacements

Given markdown file that looks like this:

# Lorem ipsum dolor sit amet!
 
Lorem ipsum dolor sit amet, {{TOKEN1}} elit. Recusandae minus, doloremque [{{TOKEN2}}]({{TOKEN3}})
import { Component } from 'react';
import MarkdownContent from './content.md'
 
const replacements = {
  TOKEN1: 'consectetur adipisicing',
  TOKEN2: 'adipisci assumenda dolore',
  TOKEN3: 'adipisci eligendi',
};
 
export default class MyComponent extends Component {
  render() {
    return (
      <div>
        <h1>Heading</h1>
        <MarkdownContent replacements={replacements} />
      </div>
    );
  }
}

Readme

Keywords

none

Package Sidebar

Install

npm i reactmd-brunch

Weekly Downloads

1

Version

0.1.4

License

ISC

Last publish

Collaborators

  • 32bitkid
  • mattdodge
  • deliciousmonster