背景

Reactを使用したSPA開発の生産性とメンテナンス性を向上させる省力化コンポーネント(ライブラリ名： spa-view-item )を公開します。

SPA開発においては、有力なライブラリであるReactは広く使われるものとなっています。我々の組織においてもReactを用いた開発は行われており、そのノウハウを蓄積したライブラリをこの度公開いたします。

公開するライブラリは、従来のReact開発をより生産性の高いものとするために開発されました。

省力化コンポーネントでは、画面の定義や画面のレイアウト、バリデーションの実装をより簡潔にするための工夫が実装されています。
また、APIの呼び出しをイベントとして定義し各種ボタンに紐づけることでより宣言的にアプリケーションを実装することができるようになっています。

以下の画像は、10項目が並んだ画面を開発する際に、従来のReact開発と省力化コンポーネントを使用した場合のコード量を比較したものです。

公開コンテンツ

・ドキュメント

React開発の生産性を向上させる省力化コンポーネントの開発ガイドです。

・コンポーネント及び導入ツール

React開発の生産性を向上させる省力化コンポーネント及び、その導入ツールです。

・サンプルアプリケーション

React開発の生産性を向上させる省力化コンポーネントのサンプルです。