React + ES6 + Webpack で JSON Visual Editor を作ってみる - Qiita

はじめに ES6 や React、Webpack といった技術の勉強のために簡単なシンプルページアプリケーションを作って、その過程をここに記録として書いていきます。時系列に何の整理もせず書いていくので分かりづらいかもしれないですが、ソースコードも公開するので、何かの参考になれば幸いです。 作るもの JSON を見やすく可視化して、かつ編集も可能な JSON Visual Editor を作ります。これの元となるのはずいぶん前に作った「JavaScript のオブジェクトを可視化するやーつ」で、もっと使いやすくしたかったのと、React の勉強にちょうど良さそうなので、作ってみることにしました。 動作する実物：JSON Visual Editor ソースコード：ogaoga/json-visual-editor 環境構築 今回は、React を ES6 (Babel) で、スタイルは Sty