Skip to content
Koji Hirano edited this page Nov 6, 2016 · 1 revision

Rakuten React kit

Rakuten React kitとは何ですか?

Rakuten React kitは、初心者と上級ユーザーのためのスターターキットです。 ライブプログラミング環境のツール集です。 そして、関数型プログラミングの概念に重点を置いているのでstateとviewの関係も理解できます

FIgure 1 Venn diagram

スターターキット

このスターターキットはSPA(Single Page Applications)の開発を始めるために迅速かつ簡単な方法を提供します。RRKはReactを使用する事により、関数型言語の哲学と型の安全性を保証します。

開始するには、リポジトリのクローンを作成し、 npm startを実行するだけです。

1つのコマンドでRRKアプリケーションを作成できるライブプログラミング環境が準備されます。

グローバルな依存関係はありません

すべてのNPMモジュールは、ローカルにインストールし、 node_modulesフォルダ内に含まれています。任意のタスクランナーや他のツールをインストールする必要はありません。

どんな技術を使用していますか?

RRKは、以下の技術に使用しています:

ライブプログラミング環境

RRKはWebPackのHMRを使用し、事前に設定したライブプログラミング環境を提供します。

コードを変更するとリアルタイムでブラウザが更新されます。 リロードをする必要がないので、アプリケーションのstateもそのままです。 RRKのスタイルでコードを書いた場合、ルータも使用できます。

figure-2-HMR

RRKを使うと何がいいのですか?

Componentがシンプル

コンポーネントは基本的にStateless functional componentです。 状態を持たないのでシンプルなコードを書く事ができます。

非同期処理がシンプル

非同期処理はmiddlewareに記述し、storeを更新するだけです。 redux-thunk,redux-sagaなどは使用しません。