2017-05-30のJS

\[WIP\] 8.0.0 Release Proposal by jasnell · Pull Request #12220 · nodejs/node

Node.js 8.0.0 RC1リリース

Release v5.0.0 · npm/npm

npm v5.0.0プレリリース。 ローカルパスのnpm installはsymlinkとなるように、--saveがデフォルト化、Gitで依存してるモジュールもprepareが呼ばれるように、package-lock.jsonの導入、インストール速度の改善、--offlinesha512のサポートなど

All About Recursion, PTC, TCO and STC in JavaScript

JavaScriptの末尾呼び出し最適化についての解説記事。 Proper Tail Calls (PTC)、Syntactic Tail Calls (STC)について

Altering the DOM with JavaScript | Zell Liew

DOM APIの基本的な使い方のついての記事。 querySelectorでの要素選択、addEventListenerでのイベント登録、classListでのクラス処理、要素の追加/更新などについて

TypeScriptのInterfaceとType aliasの比較 - Qiita

TypeScriptのinterfacetype aliasについての比較まとめ

Node.js Streams: Everything you need to know – freeCodeCamp

Node.jsのStreamについての解説記事

What's New In DevTools (Chrome 60)  |  Web  |  Google Developers

Chrome 60の開発者ツールについて。 AuditがLighthouseを使ったものに変更。 third party badgesの表示、ブレークポイントでContinue to hereの追加、コードカバレッジ表示の改善、Asyncスタックトレースがデフォルト化など

Using Fetch | CSS-Tricks

Fetch APIの使い方についての解説。 データの取得、エラーハンドリング、レスポンスの処理、FetchのラッパーであるzlFetchについて

Event Bubbling in JavaScript? Event Propagation Explained

DOMのイベントバブリングとキャプチャフェーズについての解説。 targetcurrentTargeteventPhaseeを使ってイベントの動きを可視化してる

ReactEurope 2017 - Day 1 - YouTube

ReactEurope 2017の動画一覧

What I Learned Benchmarking React - Dominic Gannaway aka @trueadm at @ReactEurope 2017 - YouTube

JavaScriptライブラリのベンチマーク結果を改善する方法について。 Rollupを使ってflat bundleすることでサイズとロード時間の削減、使わないモジュールの削除、ベンチマークツールについて。 lighthouseを使ったモジュールのベンチマークについて

Keynote - Andrew Clark aka @acdlite at @ReactEurope 2017 - YouTube

Reactの今後のロードマップについての発表。 React v16ではFragmentsサポート、Portal、Fiber(opt-in)、エラーハンドリングの強化が行われる。 それ以降は可視領域の優先度スケジューラ、Code Spilittingの改善など

How Streaming Can Supercharge React - Sasha Aickin aka @xander76 at ReactEurope 2017 - YouTube

Reactとサーバサイドレンダリングについての発表動画。 SSRには表示を早くするメリットがあるがTTIは長くなる問題がある。 これを解決するために、一定のブロックでコンポーネントをプログレッシブにレンダリングすることでTTIを改善する案について。 また、ReactにReactDOMServerStreamが追加されたことについて。

ECMAScript 2017: what’s new for JavaScript? // Speaker Deck

ECMAScriptのProposalのプロセスとES2017についてのスライド。 ES2017で追加されるAsync Function、Shared Array Buffer、Object/Stringの追加メソッド、関数の引数における末尾カンマの許容について。 また現在Proposal段階の仕様の紹介

CSS and the First Meaningful Paint - Sessions by Pusher

CSSとFirst meaningful paintについての発表動画。 Inline CSSのメリット/デメリット、RTTとレイテンシー、クリティカルパスなリソースについて。 リソースのpreload、Server Pushについて

ngryman/speedracer: Collect performance metrics for your library/application.

Chrome DevTools protocolを使いCLIでページの表示にかかる時間などのパフォーマンステストを行えるツール

What does my npm module cost?

npmパッケージのサイズ/gzip、ダウンロードにかかる時間や依存などを表示してくれるサービス

photopea/UPNG.js: Fast and advanced PNG encoder (lossy / lossless) and decoder

小さなPNGエンコード/デコードライブラリ

scssfmt - Standard SCSS code formatter

sass(SCSS)のコード整形ツール

developit/preact-cli: 😺 Your next Preact PWA starts in 30 seconds.

preactのCLIツール。 preactを使ったScaffoldingツールで、create/build/watch/serveなどの開発用のサブコマンドを持っている