いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！【後編】

Webアプリ開発技術の新潮流スタディーズ　第2回

2015/03/30 14:00

　前回は、React.jsを使った簡単なアプリケーションの作り方について説明しました。今回は、前回で途中まで作成したTODOアプリに画面遷移機能を追加して、完成まで持っていきます。その過程で、快適で継続的な開発環境の構築方法とテストについて見ていきます。

目次
Page1 対象読者必要な環境 Node.js形式でモジュールを定義する Node.jsモジュールをブラウザで動かすためのツールBrowserify
Page2 npmによるプロジェクトの管理最低限押さえておくべきnpmの使い方
Page3 ビルドツールGulpを使ってBrowserifyを実行する HTMLからのリンクを書き直す
Page4 ページ内画面遷移を実装するシングルページアプリケーションにおけるRouterの概念 Routerを使ってページ遷移を実装する
Page5 Tips 1：React.jsならではのパフォーマンスチューニング
Page6 Tips 2：React.addons.TestUtils＋Jestでユニットテストを作成する Jestとは Jestのインストールと準備テストを書くテストを通す
Page7 Tips 3：React.addons.TestUtils＋Mochaでユニットテストを作成する Mochaのインストールと準備テストを書くテストを通すまとめ

※印刷用ページ表示機能はメンバーのみが利用可能です（登録無料）。

バックナンバー

連載:Webアプリケーション開発技術の新潮流スタディーズ

鳥居陽介（株式会社ワークスアプリケーションズ）（トリイヨウスケ）

株式会社ワークスアプリケーションズ所属。イケてるアプリケーションを死ぬほど楽に作るために研究を続ける日々。社内での立ち位置は「フロントエンドのナウい人」。最近エバンジェリストという肩書きが付いた。趣味は作曲とスノーボード。 Blog: http://jinjor-labo.hatenablog...