JSer.info #487 - ESLint 7.0.0がリリースされました。

メジャーアップデートであるため、ビルトインルールの変更が含まれています。
eslint:recommendedのルールを更新、いくつかのビルトインルールのデフォルトオプションの変更、Node.js関係のビルトインルールをeslint-plugin-nodeへ移行などが行われています。

また、.eslint.jsをデフォルトでignoreしないように変更、--configや--ignore-pathオプションでのパスの扱いの変更、プラグインの読み込み元ディレクトリが.eslintrc.*を基準とする変更なども含まれています。

その他には、/* eslint-disable -- コメントの説明 */のようにコメントディレクティブに説明が書けるようになり、
非同期処理に対応するESLintクラスの追加なども行われています。

ESLint 6.xからのマイグレーション方法については次のページにまとめられています。

Migrating to v7.0.0 - ESLint - Pluggable JavaScript linter

Next.js 9.4がリリースされました。

Blog - Next.js 9.4 | Next.js

Fast Refreshをデフォルトで有効化、stale-while-revalidateライクな Incremental Static Regenerationをベータとしてサポートが追加されています。

また、.envで定義した環境変数をブラウザ向けのビルドからNEXT_PUBLIC_のprefix付きで参照できるようになり、
ブラウザだけだったfetchのpolyfillをNode.js側にも導入、Web Vitalsを取得するreportWebVitalsのサポート、モジュールを絶対パスで解決するAliasesのサポートなどが追加されています。

The npm Blog — npm v7 Series - Introductionという記事では、npm 7の変更予定などが公開されています。

arboristという新しいnode_modules依存ツリー解決の仕組みが導入されます。

また、peerDependenciesの自動インストールをするようになり、acceptDependenciesのサポート。
またpackage-lock.jsonの形式変更とyarn.lockに関する処理の追加。workspaces機能(yarn workspaces相当)、overrides機能(yarnのresolusions相当)の追加、段階的な公開を行う--stageオプションの追加などが予定されています。

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

V8 release v8.3 · V8

v8.dev/blog/v8-release-83

V8 ReleaseNote

V8 8.3リリース。
ArrayBufferのGC改善、 WebAssemblyで最大4GBのメモリを利用できるように、TypedArrayにおけるprototypeチェーンのバグを修正など

ESLint v7.0.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2020/05/eslint-v7.0.0-released

ESLint ReleaseNote

ESLint 7.0.0リリース。
破壊的な変更としてNode.js 8以下のサポート終了、eslint:recommendedの更新、ルールの更新、デフォルトの無視ファイルの変更など。
非同期処理に対応したESLintクラスの追加、ディレクティブコメントに説明が書けるようになるなど

Node v14.2.0 (Current) | Node.js

nodejs.org/en/blog/release/v14.2.0/

node.js ReleaseNote

Node v14.2.0リリース。
Node内部メソッドのcommon.mustCall()をassert.CallTrackerとして試験的に利用できるように。
WorkerにstackSizeMbオプションの追加など

Blog - Next.js 9.4 | Next.js

nextjs.org/blog/next-9-4

React ReleaseNote library

Next.js 9.4リリース。
Fast Refreshをデフォルトで有効化、stale-while-revalidateライクな Incremental Static Regenerationをベータサポート。
Node.js側にもfetchを自動的にpolfyill、reportWebVitalsのサポート、モジュールを絶対パスで解決するAliasesのサポートなど

shqld/tish: A typescript utils for shell operations. Totally Promise, Multi-platform, Optimized, Lazy✌️

github.com/shqld/tish

JavaScript TypeScript ShellScript library

シェルスクリプトのような処理をTypeScriptで書けるutilライブラリ。
コマンドの実行やパイプ処理などを扱う

アーティクル

Rebuilding our tech stack for a new Facebook.com - Facebook Engineering

engineering.fb.com/web/facebook-redesign/

facebook React CSS performance article

Facebook.com のリデザインにおけるパフォーマンス改善について。
AtomicなCSSを生成して初期ロードに必要なCSSの削減、remを使ったフォントサイズコントール。
SVGをReactコンポーネントとしてロード、Dynamic Importを使ったコンポーネントの動的ロード、JavaScript Budgetの導入、GraphQLを使ったラウンドトリップの削減など

The npm Blog — npm v7 Series - Introduction

blog.npmjs.org/post/617484925547986944/npm-v7-series-introduction

npm article

npm 7のロードマップについて。
arboristを使った依存関係の分析の刷新、peerDependenciesの自動インストール、acceptDependenciesのサポート。
またpackage-lock.jsonの形式変更とyarn.lockに関する処理の追加。workspaces機能(yarn workspaces相当)、overrides機能(yarnのresolusions相当)の追加、段階的な公開を行う--stageオプションの追加など

npm/arborist: npm's tree doctor

An in-depth guide to performance optimization with webpack - LogRocket Blog

blog.logrocket.com/guide-performance-optimization-webpack/

webpack performance article

webpackでのbundleサイズの分析、改善方法についてのチュートリアル。
エントリポイントの分離、サードパーティライブラリの分離、chunkのグループ化、ルーティングごとのcode splitting、runtimeChunkでのmanifestファイルの統一。
externalsでのCDNの利用、Tree ShakingでDead Code削除、Performance Budgetの設定などをステップごとに見ていく記事