2018-07-31のJS

Prettier 1.14: YAML Support · Prettier

Prettier 1.14リリース。 YAMLのサポート、Front matterをサポート、requirePragmarequirePragmaを各言語でサポート、CJK処理を改善してパフォーマンスの改善など

Angular v6.1 Now Available — TypeScript 2.9, Scroll Positioning, and more

Angular v6.1リリース。 ルーターのscrollPositionRestorationオプションでスクロール位置の保存に対応、TypeScript 2.9サポートなど

Announcing the Ionic 4 Beta | The Official Ionic Blog

クロスプラットフォームアプリ開発フレームワークのIonic 4 Betaリリース。

Announcing TypeScript 3.0 | TypeScript

TypeScript 3.0リリース。 Project references、可変長引数にGenerics型パラメータを適応できるように、Tuple型の改善、unknown型の追加、ReactのdefaultPropsの型のサポートなど

New in Chrome 68  |  Web  |  Google Developers

Chrome 68リリース。 HTTPなサイトにはNot Secureの表示がでるように。 Page Lifecycle APIのサポート、customElements.upgrade()のサポート、Service WorkerにおけるHTTPキャッシュのデフォルトの挙動を変更など

Page Lifecycle API  |  Web  |  Google Developers

Page Lifecycle APIについての解説。 ウェブページにライフサイクルの概念を導入する。visibilitychangeなど既存のイベントや新しく追加されたfreezeresumeなどイベントの紹介、ライフサイクルにおけるStateについてを解説している。

A one year PWA retrospective – Pinterest Engineering – Medium

PinterestのモバイルサイトのPWA化についてのタイムライン。 ログインユーザーからログアウトユーザーへの適応、GestaltとUIレイアウト、bundleサイズについてなど

time-travel.md

FirefoxのNightlyに入ったWebReplayの使い方や機能について。 一連の操作や状態を保存してブレークポイントからの状態をもどしていったり、リプレイできるデバッグ機能。バグの再現とデバッグなどに利用できる。

Redux vs. The React Context API

React Contextの使い方や動作についての解説。Reduxでのステート管理との違いやContextはReduxを置き換えるものではない点についてなど

Removing Babel's Stage Presets · Babel

Babel 7ではbabel-preset-stage-0のようなStage Presetを公開しないことについて。 Stage Presetを削除することにした背景やProposalへのフィードバックについて。

Logging Activity With The Web Beacon API — Smashing Magazine

navigator.sendBeaconを使ってページを離脱する前にログを送信する方法について。 またGDPRやDNTの対応について

thedaviddias/Front-End-Performance-Checklist: 🎮 The only Front-End Performance Checklist that runs faster than the others

フロントエンドのパフォーマンスチェックリスト

perf-tools/performance at master · artifact-project/perf-tools

User Timing APIのpolyfillライブラリ

cozmo/jsQR: A pure javascript QR code reading library. This library takes in raw images and will locate, extract and parse any QR code found within.

依存がないQRコードリーダライブラリ

Vue技术内幕

Vue.jsのソースコードを解説する電子書籍。 ディレクトリ構造、オプションや初期化処理、リアクティブシステムの実装、テンプレートのパースとジェネレートの仕組み、Virtual DOMについてなど