md2react - React用Markdownレンダー
最近注目が集まりはじめているReact。特に良さそうなのがViewを抽象化しているのでReact CanvasやReact Nativeのような使い方へ発展している点です。困難はありそうですが面白そうな取り組みです。 今回はそんなReactを使ってMarkdownをレンダリングするmd2reactを紹介します。Markdown記法を使ったサイトは増えていますので、Reactと組み合わせる時に活躍しそうです。
md2reactの使い方。
コードは次のようになります。
global.React = require('react');
var md2react = require('md2react');
var md = '# Hello md2react';
var html = React.renderToString(md2react(md));
DOMの操作を任せられるReactを使うことで描画の更新も高速に行われています。使い方もシンプルで分かりやすいのではないでしょうか。こういったライブラリは今後、さらに増えていくものと思われます。
md2reactはJavaScript製、React用のオープンソース・ソフトウェア(MIT License)です。