Markdown Component

[sapegin]

Only components that render Markdown as React components, not as HTML string inside dangerouslySetInnerHTML.

markdown-to-react-components

Deprecated

Based on Marked.

Pros:

• Requires no Webpack hacks.

Cons:

• Based on Marked.
• Tries to highlight code with Prism by default, which is not “included”.

markdown-react-js

Based on Markdown It.

Cons:

• No HTML support.
• Requires Webpack hacks.
• No updates since November 2015.

remark-react

Based on Remark.

Cons:

• Requires too much Webpack hacks.

markdown-to-jsx

Based on Remark.

Pros:

• HTML and tables support.

react-markdown

Based on CommonMark.

Cons:

• No tables support.
• Requires Webpack hacks.

simple-markdown

Pros:

• No dependencies.
• Very small (less than 4 KB which is ~10 times smaller than other libraries)

Cons:

• No HTML support.

remarkable-react

Based on Remarkable.

Cons:

• No HTML support.

Marksy

Based on Marked.

Pros:

• Based on Marked (smaller then other libraries).
• Requires no webpack hacks.

Cons:

• Based on Marked.

[bebraw]

For what it's worth, I wrote html-webpack-remark-plugin to make it a little easier. That could be one direction.

[quantizor]

@sapegin what hack does md2jsx need? Happy to try and help alleviate any pain there.

[sapegin]

@probablyup I think it was about json-loader but since webpack 2 it doesn’t matter so I could remove that ;-)

[quantizor]

Ahh, might be something deep in remark. Good to know.

[sapegin]

@probablyup I remember that one of the component required a .json extension in webpack config but don’t remember which one.