2017-10-02のJS

React v16.0 - React Blog

React 16.0リリース。 15.6.2と共にMITライセンスへ変更された。 APIの基本的な互換は持ちつつコアを書き変え(Fiber)、 renderがフラグメントや文字列を返せるように、コンポーネントのエラーハンドリングの改善、ReactDOM.createPortalの追加、SSRの改善など。 Map/Set/requestAnimationFrameに依存する。

Node v8.6.0 (Current) | Node.js

Node.js v8.6.0リリース N-APIがフラグなしで利用できるようになるなど

Release v0.56.0 · facebook/flow

Flow 0.56.0リリース。 $Rest typeの追加、Object.create(null)のようなnullプロトタイプのサポート、__proto__のサポートなど

Path validation vulnerability, September 2017 | Node.js

Node.js 8.5.0にはpathの..の扱いに脆弱性があるため8.6.0で修正されたリリースがされている。

Firefox — Notes (56.0) — Mozilla

Firefox 56リリース。 CSS Grid DevToolsの追加、<link rel="preload">のサポート、Intl APIがAndroid版で有効化。 setTimeout(fn, 0)の仕様に合わせて4msに変更など

React v16 changes - blog.koba04.com

React 16の変更点について

JavaScript ♥ C++: Modern Ways to Use C++ in JavaScript Projects

C++で書かれたコードをNode.jsで扱う方法について。 N-APIを使ったネイティブモジュールとWebAssemblyを使った方法について。

Abortable fetch  |  Web  |  Google Developers

Fetch APIなどでリクエストのキャンセルを行うAbortControllerAbortSignalについて。 fetch(url, { signal })のようにFetch APIに渡す使い方やAPIの歴史的経緯についてなど

Let’s Build a Pokedex with React: Part 1 – CloudBoost

Reactを使ってPokedexというサイトをつくっていく連載記事。

Next.js 3.0 Release: What's New?

Next.js 3.0の変更点についての解説。 Dynamic Import/Dynacmic Loading Component、Static Export、エラーメッセージ表示の改善、起動速度の改善など

How to write reliable browser tests using Selenium and Node.js

Seleniumを扱う時なぜsleepを避けるべきかについて。 Node.jsのselenium-webdriverを例に紹介してる。

How to drop Bower support? · Bower blog

ライブラリの開発者はどのようにBowerサポートを終了するべきかについて。 リポジトリからbower.jsonなど関連ファイルを削除し、majorアップデートを行い、bower unregisterはしないことについて

webpack-dev-server/middleware security issues – webpack – Medium

webpack-dev-serverにいくつか脆弱性があるため1.xと2.xそれぞれsecurity fixのリリースが行われた。

ECMAScript proposal updates @ 2017-09 | ECMAScript Daily

2017-09に行われたTC39ミーティング結果のProposal変更まとめ

CSS Grid PlayGround | Terminology | Mozilla

CSS Gridの解説サイト。 CSS Gridの用語や基本的な使い方、Firefoxの開発者ツールでのデバッグ、frという単位、Template Area、Named Lineなどについて

cherow/cherow: A fast, Typescript-based Javascript parser

TypeScriptで書かれたJavaScriptパーサ。 ESTree互換のASTを生成し、ES.nextなProposal仕様もサポートしている。

roman01la/closure-compiler-handbook: How to use Google's Closure Compiler

Closure Compilerの使い方について書かれたハンドブック

Shopify/draggable: The JavaScript Drag & Drop library your grandparents warned you about.

D&Dライブラリ

Strudel.js | Lightweight component framework

AngularのようなDecoratorを使ったコンポーネントライブラリ

Essential Image Optimization

ウェブサイトにおける画像の最適化についての書籍。 どのようなフォーマットを選び、サイズとパフォーマンスへの影響について。 各フォーマットやエンコーダーの最適化手法、ブラウザのデコード時間や最適化手法、モニタリングツールなどについて JPEG、PNG、WebP、GIF/Videoの比較、SVG