2017-08-08のJS

Release v3.2.0 · storybooks/storybook

Storybook 3.2.0リリース。 Vueのサポート、メニューの階層表示をサポート、onDeviceUIのオプションをサポートなど

TestCafe v0.17.0 Released | TestCafe

TestCafe v0.17.0リリース testcafe-browser-provider-electronの追加、-cオプションでConcurrentなテストを実行できるように、Automatic waitの仕組みを改善など

Release v3.0.0 · sinonjs/sinon

Sinon.js 3.0.0リリース。 Deprecatedとなっていたメソッドを削除、Fake XHR/Fake Serverはniseモジュールへ移動された。 format.setFormatterの追加など

V8 JavaScript Engine: V8 Release 6.1

V8 6.1リリース。 Map/Set/Object#isPrototypeOf()/Reflect.constructのパフォーマンス改善。 asm.jsのコードを検証してからwasmへコンパイルするようになるなど

Workspaces in Yarn | Yarn Blog

lernaのようなmonorepo管理の仕組みであるyarn workspaceについての紹介。 オプションで有効化できる実験的な機能。リポジトリ内の複数のパッケージを管理して、それぞれのパッケージが依存するモジュールはsymlinkで解決できる。

Glamorous v4 is here 💄 🎉 🎊 – Kent C. Dodds – Medium

CSS in JSなライブラリのglamorous v4リリース。 theme引数の削除、useDisplayNameInClassNameの削除。 withPropspropsAreCssOverridesshouldClassNameUpdateのサポートなど

Release 2.5.0 - 2017.08.05 · zloirock/core-js

core-js 2.5.0リリース。 Promise#finallyPromise.tryArray#flattenArray#flatMapの追加。 Collectionのof/from静的メソッドの追加、MathのProposalの追加、DOM collectionのiterable対応の更新、ProposalのStage対応など

JavaScriptフレームワーク選定の議論 - Qiita

JavaScriptのフレームワーク選定やTypeScript/Flowといった言語の選択について。 それぞれのカテゴリにどのような選択肢があり、どのように選択していくのかについて

This in JavaScript | Zell Liew

JavaScriptのthisについての解説。 グローバル、オブジェクト、メソッド、関数、Arrow Function、イベントハンドラなどにおけるthisについて。 またthisをバインドするbindについて

babel-preset-env@2.0 を試した -トランスパイル環境をスケールさせていく- | mediba Creator × Engineer Blog

現在αリリースされているbabel-preset-env 2.0αについて。 静的解析した結果のpolyfillだけを読み込む"useBuiltIns": "usage"の解説と挙動について。

Linting in Flow – Flow – Medium

Flow 0.52.0で追加されたFlow linterについての解説。 ESLintのように.flowconfigやコメントでルール毎に有効/無効/エラーレベルの制御できる。

component test // Speaker Deck

ビジュアルリグレッションツールのreg-suitについてのスライド。 スナップショットとして保存した画像同士を比較しリグレッションを検知する。 プラグインでスナップショットの保存先や通知先を変更できる。

Get ready: A new V8 is coming, Node.js performance is changing. | nearForm

V8のバージョンごとの典型的なケースにおけるパフォーマンスについて。TurboFunによる最適化の違い。 try-catch、deleteundefinedの代入、argumetnsの渡し方の違い、bind、forループ、オブジェクトの生成などのケースいおける比較

真のコンポーネント粒度を求めて // Speaker Deck

CSSとコンポーネントについてのスライド。 OOCSSやBEMにおけるコンポーネント、Atomic Designにおけるコンポーネントの粒度と抽象化、抽象化を避けたECSSコンポーネントなどについて

複雑なJavaScriptアプリケーションに立ち向かうためのアーキテクチャ // Speaker Deck

見通しが悪いものを分割統治する話。 プレゼンテーションとドメインの分離(MV*)、モデルをレイヤー分けについて。 レイヤードアーキテクチャのコンセプトとしてのクリーンアーキテクチャやCQRSについて。 また具体的な実装についてなど

The Critical Request | CSS-Tricks

クリティカルリクエストについて。 開発者ツールでリクエストのPriorityを見る方法、またPriorityはどのように付けられているか。 First meaningful paintを妨害するリクエストの見つけ方、Priorityをrel=preloadを使っての管理について

StackBlitz

VSCodeを使ったオンラインIDE、コードシェアサービス。 Hot reloading、npmモジュールの管理、書いたコードの公開などができる

deepsweet/hocs: A collection of Higher-Order Components for React

React用のHigh Order Componentを集めたライブラリ。 Propsの除外、LifeCycleのhook、debounce、throttleなど

Node.js 8 the Right Way - O'Reilly Media

2017年10月発売 Node.js v8についての書籍

インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン | Heydon Pickering, 太田良典, 伊原力也, 株式会社Bスプラウト |本 | 通販 | Amazon

2017年9月29日発売 Inclusive Design Patternsについての翻訳本

最新JavaScript開発~ES2017対応モダンプログラミング | 電子書籍とプリントオンデマンド(POD) | NextPublishing(ネクストパブリッシング)

ES2017についてチュートリアルガイド