[B! performance][react] kathewのブックマーク

kathew id:kathew

performanceとreactに関するkathewのブックマーク (4)

React製のSPAのパフォーマンスチューニング実例
カギは社内事例にあり！？システム効率化を超えて運用ミスを激減させた件 2024.09.02 コーポレート業務改善業務設計社内ICT
kathew 2018/09/19
react

SPA

web

performance
リンク
リアルな DOM はなぜ遅いのか - steps to phantasien
これは VirtualDOM Advent Calendar 2014 に勝手に参加する記事です。あたたかい春の昼下がりのこと、あるブラウザベンダの社内を不穏な噂が駆け巡った。「React.js なるライブラリ、どうも仮想 DOM というやつのせいで速いらしいぞ」もうリアルな DOM はお役御免、ブラウザも商売上がったりか・・・。雇用に不安を覚える人(私)がいる一方、そのアイデアをとりこんでブラウザの DOM を速く出来ないかと考える人たちもいた。仮想 DOM はなぜ速いのか。誰かのつてを辿って React.js チームにおいでいただき、速さの秘密をテックトークしてもらう。イミュータブルなデータ構造による単純化、非同期適用による処理のバッチ化、差分アルゴリズムによる副作用の最小化… いくつかのアイデアはブラウザからはどうにもならないが、たとえば非同期化なんかは形は違えどブラウザ
kathew 2018/03/27
react

VirtualDOM

DOM

web

development

performance
リンク
Reactのサーバサイドレンダリングとパフォーマンスについてのメモ - Qiita
Reactのサーバサイドレンダリングとパフォーマンスについて調べてたのでメモ基本的なことサーバサイドとReactのproduction build 要約: Reactをサーバサイドで使うときも、クライアントサイドのように圧縮(というよりはcode eliminate)しないと遅い Reactはdev向けのコードを大量に含んでいる。これはprocess.env.NODE_ENV !== 'production'の時実行されるassertや警告などが主となりproductionには必要ない。そのため、process.env.NODE_ENV = 'production'をしないとかなり不利な結果を得る。 I tend to agree that "compiling server side code with webpack to remove access to process" i
kathew 2017/11/29
web

development

performance

ssr

react
リンク
React/Redux/Node.jsのSSR/SPAを速くする6つのチューニングポイント
React/Redux/Node.jsのSSR/SPAを速くする6つのチューニングポイント：大規模ブログサイト表示速度改善大解剖（終）（1/3 ページ） 2004年から続くブログサービス「アメブロ」が2016年9月にシステムをリニューアル。本連載では、そこで取り入れた主要な技術や、その効果を紹介していく。今回は、React/Redux/Node.jsを使ったIsomorphic JavaScript特有のパフォーマンスチューニング手法や実際にあった問題および、その解決方法について。 2004年から続くブログサービスである「アメブロ」は、2016年9月にシステムをリニューアルしました。本連載「大規模ブログサイト表示速度改善大解剖」では、そこで取り入れた主要な技術や、その効果を紹介しています。アメブロのリニューアルでは、React/Reduxを採用し、サーバサイドとフロントエンド両方での
kathew 2017/10/27
react

redux

node.js

web

development

performance

ssr

spa
リンク
1