より速い WEB を目指す Next.js / nextjs-make-the-web-faster【Next.js Update!】v12リリースを踏まえ、Next.jsの採用を考える 本発表は以下URLでアーカイブ視聴が可能です。https://youtu.be/KaS3bgz_CA4 イベントページ：https://forkwell.connpass.com/event/228457/
フック API リファレンス – React
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントで最新の React の使い方が学べます。 react: フック フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。 このページでは React 組み込みのフックについて説明します。 フックが初めての方は、先に概要ページを確認してください。よくある質問にも有用な情報が掲載されています。 基本のフック useState useEffect useContext 追加のフック useReducer useCallback useMemo useRef useImperativeHandle useLayoutEffect useDeb
React の最上位 API – React
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントで最新の React の使い方が学べます。 react: コンポーネント react: フック react: API react: レガシー API React は React ライブラリのエントリポイントです。<script> タグから React を読み込む場合、これらの最上位 API をグローバルの React から利用できます。npm と ES6 を使う場合、import React from 'react' と書けます。npm と ES5 を使う場合、var React = require('react') と書けます。 概要 コンポーネント React コンポーネントを使用すると UI を独立した再利用可能な部分に分割
Reactのパフォーマンスチューニングの歴史をまとめてみた
最近 React のパフォーマンスチューニング、特に再レンダリング抑制について調べたのでそのまとめです。 特に昔からおまじないとして書いていたことを、「なんであの書き方していたんだっけ」というのを調べてまとめました。 古いものを調べたのは、今あるチューニング方法とその当時の解決方法を比較したかったからです。 再レンダリングとはなにか 公式に説明があったのでそのまま引用します。（https://ja.reactjs.org/docs/optimizing-performance.html#avoid-reconciliation） React では、コンポーネントの props や state が変更された場合、React は新しく返された要素と以前にレンダーされたものとを比較することで、実際の DOM の更新が必要かを判断します。それらが等しくない場合、React は DOM を更新します
GitHub - mgechev/angular-performance-checklist: ⚡ Cheatsheet for developing lightning fast progressive Angular applications
This document contains a list of practices that will help us boost the performance of our Angular applications. "Angular Performance Checklist" covers different topics - from server-side pre-rendering and bundling of our applications to runtime performance and optimization of the change detection performed by the framework. The document is divided into two main sections: Network performance - list
AWS Lambda Go vs. Node.js performance benchmark: updated 🔥 | HackerNoon
Too Long; Didn't ReadJust this week AWS announced the release of Go for their Lambda service. This is pretty exciting as Go straddles a great niche between Java and Node.JS with regard to type safety, programming model and performance. Horse Racing Neck & Neck. http://www.publicdomainpictures.net/ Just this week AWS announced the release of Go for their Lambda service. This is pretty exciting as G
3 Tips for Angular Runtime Performance from the Real World
Co-authored by Andrew Wiens At Oasis Digital, we train and work with large companies that build software with Angular. In this time, we’ve learned a lot about about building performance sensitive applications. From these experiences we’ve distilled out our top 3 performance tips for building great user experiences. What is Runtime Performance?To discuss any type of application performance, it’s im
Angular パフォーマンスアップ最短最速マニュアル - Qiita
動機 Angular(2 or 4)で開発中のプロダクト(SPA)が重い JS の肥大化 起動が遅い パフォーマンスチューンしたい で、みんないろいろ調べると思うけど… AOT コンパイルとか module の最適化とか手段はいろいろあるのはわかった が、ブログエントリを読んで今開発中のプロダクトに自分で解決策を注入するのが大変 サマリ 対工数効果が高い部分に絞ってパフォーマンスチューンできる、「これさえやればOK！」みたいな進研ゼミ的マニュアルを作った(半ば覚え書きだけど) 平均起動時間1は84%減 4000msec超 -> 640ms2 JS ファイルサイズ3は23%減 2770kb -> 2153kb (Parsed Size) 最適化後の Gziped Size は 393.47kb 前提 この記事は、AngularClass/angular-starter を使ったプロダクトで実
サイトパフォーマンス最適化ハンズオン (2016/08/09 19:20〜)
※はじめにお読みください 下記掲載の「ハンズオンに参加するために必要なもの」をお読み頂き事前学習や開発環境がご準備できる方が対象者となります。 必ず当日までに事前学習や開発環境のご準備をお願いいたします。 当日は～19:20までに渋谷ヒカリエ11階にご集合ください。(スタッフが17階までご案内いたします。) メンターとしてご参加頂ける方は、Messenger上のイベント運営者グルチャにご招待いたしますので、運営の木下までfacebookにてメッセージをお送りください ■イベント概要 せっかく作ったアプリのパフォーマンスが出ない！ カクカクとしか動かなくて、困った… プチフリするのをどうにかしたい アプリをつくっていればこういう場面に出会ったことは一度や二度ではないはずです。でも、遅い原因を見つけるのはとても大変です。やり方自身をさがすのも大変です。 そこでWeb ブラウザ上で動作する Ja
Optimizing AngularJS: 1200ms to 35ms | Scalyr
Edit: Due to the level of interest, we’ve released the source code to the work described here: https://github.com/scalyr/angular. Here at Scalyr, we recently embarked on a full rewrite of our web client. Our application is a broad-spectrum monitoring and log analysis tool. Our home-grown log database executes most queries in tens of milliseconds, but each interaction required a page load, taking s
11 Tips to Improve AngularJS Performance - alexkras.com
I am new to Angular (even though I am not new to the web development), so please take everything that I am about to say with a grain of salt. That being said, I watched a lot of talks and read a lot of articles relevant to Angular performance, and this post is the summary of my findings. Table of Contents 1. Minimize/Avoid Watchers 2. Avoid ng-repeat. If you have to use ng-repeat use infinite scro
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
reselect#createselectorinputselectors--inputselectors-resultfunc
Browser Rendering Optimization | Udacity
18 Quick Tips for Improving AngularJS Performance - KeyCDN
アメブロ: Isomprhicアプリケーションのパフォーマンス・チューニング
Optimizing the Performance of Your Angular Application
Angular E2E Tests (Protractor) - Performance Measurement
Improve SPA Performance with Angular App
WebAssemblyとJavaScriptのパフォーマンス比較(再帰・ループ) - Qiita
DailyDrip.com is For Sale | BrandBucket