created by Isaque Véras
Este é um editor de markdown onde podemos escrever arquivos com a extensão .md e poder ver ao mesmo tempo como ela fica, onde chamamos de preview.
Para criar esse editor, basta usar a biblioteca react-markdown onde pegamos os dados de um textarea usando o useState do react.
import ReactMarkdown from 'react-markdown';
function App() {
const [markdown, setMarkdown] = useState('');
return (
<div>
<textarea value={markdown} onChange={e => setMarkdown(e.target.value)} />
<ReactMarkdown source={markdown}/>
</div>
);
export default App;
Esse é todo o código que usei para construir essa aplicação. Gostou? deixe a sua estrelinha nesse repositório. Obrigado!