ReactコンポーネントをブルブルさせながらReduxのパフォーマンスチューニング - カミナシ エンジニアブログ
はじめに こんにちは、カミナシ社でソフトウェアエンジニアをやっている浦岡です。 我々は「ノーコードでユーザー独自の現場アプリを作成できる」サービスを開発しています。 そのサービスのフロントエンドの開発にはReact×Reduxを使っているのですが、 サービス特性のため「Reduxのstateがファットになりがち」であったり「コンポーネント間のデータの依存関係が多くなりがち」といった状態に陥ります。 その結果、アプリの反応速度が遅くなりがちです... この記事では、上のような状態に陥った「React×Redux」アプリの高速化の一例をサンプルアプリを用いて説明します。 サンプルアプリについて 今回、Reduxのチュートリアルにあるカウンターアプリを改良し、下のような「モンスターの捕獲記録」アプリを作ります。 サンプルアプリについて Version1(コンポーネントをブルブルさせてみる) まず
【React】コンポーネントをシンプルに書くためのStateless Functional Componentsについて
React v0.14がリリースされてから半年近くが過ぎました。自分としてはやっとReact v0.14で追加された新しい機能についても細かいところまで気にかける余裕が出てきたかなといったところです（v15.0のリリースが差し迫っていますが…）。そんなReact v0.14で新しく追加された機能の中で、最近面白いなと思った「Stateless functional components（SFC: 状態を持たない関数コンポーネント）」について今回は書いてみようと思います。 Stateless functional componentsとはStateless functional components（SFC / Stateless function components）は、React v0.14で新たに追加されたシンプルに書けるコンポーネントとなります。Reactを書いていると、共通ヘッダ
React (.js Facebook)解説 関数型プログラミングに目覚めた！ IQ145の女子高生の先輩から受けた特訓５日間 サポート記事 静的HTML編
関数型プログラミングに目覚めた！ IQ145の女子高生の先輩から受けた特訓５日間 で、内容の流れ、紙面、諸々の都合で書ききれなかった、React (.js Facebook)の補足解説で、本書の読者のためのサポート記事です。 著書では、前章からの流れを受けて、関数型プログラミングの考え方とReact公式ページによる導入を踏まえてReactを解説していますが、この記事はその延長かつ、別方向からの切り口での補足解説記事という位置づけです。 広い読者に向けて、この記事単独でもReactに入門できるように（なるだけ）書きます。 原始のWebのHTML 【宣言型コード】 HTMLコード <html lang="ja"> <body> <div> <h1 lang="en">HyperText Markup Language</h1> <p>HTMLは、<a href="http://ja.wikip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://github.com/perl-entrance-org/Perl-Entrance-Textbook/blob/master/reactjs.md
手軽で高機能なPHPアプリの運用環境「Zend Server 6.1」フリー版の概要とインストール手順
