2016-10-03のJS

Node v6.7.0 (Current) | Node.js

Node v6.7.0リリース。 セキュリティアップデートが含まれる更新

Vue 2.0 is Here! – The Vue Point – Medium

Vue.js 2.0リリース。 1.xからのマイグレーションヘルパーも公開されている。

6.16.0 Released · Babel

Babel 6.16.0リリース。 babel-coreがparserOptsgeneratorOptsをサポートするなど

Release v6.17.0 · babel/babel

Babel v6.17.0リリース。 ProposalのStage変更を反映、async generatorとobject rest-spreadをstage3へ、optimize-js関連の変更など

ESLint v3.7.0 released - ESLint - Pluggable JavaScript linter

ESLint v3.7.0リリース。 --fix対応のルールの追加など

RE:DOM is now 1.0! – RE:DOM – Medium

RE:DOM 1.0リリース 合わせてRE:DOM向けのfake domであるNO:DOMも公開されてる

Release v0.33.0 · facebook/flow

FlowType 0.33.0リリース。

Release Notes for Safari Technology Preview Release 14 | WebKit

Safari Technology Preview Release 14リリース。 URLSearchParamsの実装、safaridriverも含むようになるなど

Node.js debugging with Chrome DevTools (in parallel with browser JavaScript)

Node.jsをChromeの開発者ツールでデバッグする方法について。 設定を有効にする手順

Master the DOM – Medium

DOM APIでのDOM Treeの基本的な操作を見ていく話。

Common CSS Mistakes (And How To Fix Them)

CSSのよくある間違いと修正方法

requestAnimationFrame とタイマーの今更な比較とデモ ::ハブろぐ

requestAnimationFramesetTimeoutの比較。 setTimeoutは細かい処理でも影響を受けやすいという話

hemanth/es-next: stage-0 to stage-4 ECMAscript proposals.

ECMAScript proposalsのStage別まとめ。 それぞれに小さなサンプルコードが書かれている。

Loading Polyfills Only When Needed — Philip Walton

polyfillをサポートしてない環境だけで動的に読み込みたいという話

複雑なJavaScriptアプリケーションを考えながら作る話

JavaScriptで複雑なアプリケーションを作る場合にどのように考えるかというスライド。 ドメインモデルをどのように考えて作っていくかについて。 Babel、React、Almin、PostCSSがベース。

CodePen - React ES6 lifecycles

Reactのライフサイクルのまとめ。 実際に動くコードがドキュメントになっていて、動作をさせながらライフサイクルメソッドの実行順について見ることができる

Web Platform Feature Availability

CanIUseとStatCounterを使いある機能がどれぐらいのプラットフォームで利用できるかを一覧できるサイト

React Status: A Free, Weekly Email Newsletter

Reactについてを扱うWeeklyメールマガジン

Fix and prevent known vulnerabilities in Node.js apps | Snyk

Node.js appの既知の脆弱性などを通知、修正などを行うサービス。 CIで自動的にチェックできる

mkwtys/bundle-size: Show bundle file size of npm packages

指定したパッケージのファイルサイズを出力できるCLI。 Environmentを指定できるのでdevelopmentとproductionのファイルサイズをminify、gzip済みで比較できる

krasimir/navigo: A simple vanilla JavaScript router with a fallback for older browsers

シンプルなルーターライブラリ。 マッピングに正規表現も利用できる

TypeScript Design Patterns - O'Reilly Media

TypeScriptでのデザインパターン本