Feature: Add rendering for markdown

[sogawa-sps]

Please consider adding rendering for markdown including tables.

[jakobhoeg]

Please consider adding rendering for markdown including tables.

Thanks for the suggestion!

[chanonroy]

We could achieve this with adding a package like react-markdown.

It could be used on this line, like so:

return <Markdown key={index}>{part}</Markdown>;

Example:

[sogawa-sps]

Looks good, thank you. Does it support tables?

[chanonroy]

Looks like there's a plugin called remark-gfm that allows us to support tables and other markdown link 😄

import remarkGfm from 'remark-gfm'

<Markdown remarkPlugins={[remarkGfm]}>{markdown}</Markdown>

It would turn this markdown:

## Table

| a | b  |  c |  d  |
| - | :- | -: | :-: |

Into this JSX:

<h2>Table</h2>
<table>
<thead>
<tr>
<th>a</th>
<th align="left">b</th>
<th align="right">c</th>
<th align="center">d</th>
</tr>
</thead>
</table>

[jakobhoeg]

Looks like there's a plugin called remark-gfm that allows us to support tables and other markdown link 😄

import remarkGfm from 'remark-gfm'

<Markdown remarkPlugins={[remarkGfm]}>{markdown}</Markdown>

Yup! Just added that also!
Thank you for the suggestion. I'll make sure to add you as a contributor to the PR.

[chanonroy]

Nice one. Looking forward to testing out the markdown 😄

[mattietea]

Markdown looks good! thanks for the suggestion @chanonroy