JSer.info #476 - TypeScript 3.8が正式にリリースされました。
型定義だけをインポート/エクスポートできるimport type
/export type
の追加、ECMASCript Proposal Stage 3のECMAScript Private Fields、Top-Level await
のサポートが追加されています。
また、tsconfig.json
のtarget
とmodule
オプションにes2020
を追加、watchOptions
で--watch
時の挙動の設定の追加、assumeChangesOnlyAffectDirectDependencies
オプションで"Fast and Loose"なインクリメンタルビルドをサポートしています。
現在v7.0.0-alpha.1が公開されているESLint 7の変更予定がまとめられたドキュメントが公開されています。
このドキュメントでは主に破壊的な変更についてまとめられています。
Node.js 8.xのサポートを終了し、CLIEngine
クラスは非推奨となり新しくESLint
クラスが導入される予定です。
ESLint
クラスについては次のRFCにまとめられていますが、既存のCLIEngine
クラスは同期処理だったのに対してESLint
クラスは非同期処理に対応するものとなります。
また、ESLint本体に含まれていたNode.jsやCommonJS関係のルールはeslint-plugin-node
に移行される予定です。
その他には、directive commentsにコメントを書けるように、ホームディレクトリにある~/.eslintrc
の利用に警告がでるように、デフォルトのignore patternsの更新などが含まれる予定です。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Announcing TypeScript 3.8 | TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-3-8/
TypeScript 3.8リリース。
import type
/export type
の追加、Stage 3のES Private Fields、Top-Level await
のサポート。
target
とmodule
オプションにes2020
を追加、watchOptions
で--watch
時の挙動を設定できるようになるなど
Node v13.9.0 (Current) | Node.js
nodejs.org/en/blog/release/v13.9.0/
Node v13.9.0リリース。
async_hooks
モジュールにexecutionAsyncResource
を追加、crypto
モジュールにdiffieHellman
を追加。
Diagnostic Reportがworker_thredsをサポート
Release Initial Release: 1.0.0 · reduxjs/cra-template-redux
github.com/reduxjs/cra-template-redux/releases/tag/v1.0.0
create-react-app向けのReduxテンプレート。
npx create-react-app my-app --template redux
でセットアップできる。
Redux Toolkitを利用している
Release 3.4.0 · avajs/ava
github.com/avajs/ava/releases/tag/v3.4.0
AVA 3.4.0リリース。
テストを失敗させずにAssertionを試せるt.try()
のサポートなど
アーティクル
Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords
medium.com/@elad/understanding-the-initial-inherit-and-unset-css-keywords-2d70b7121695
CSSのinitial
、inherit
、unset
、revert
について。
CSS プロパティの初期値の違いやそれぞれの意味について
The Circuit Breaker Pattern
blog.bearer.sh/circuit-breaker-design-pattern/
Node.jsでCircuit Breakerパターンをしながら学んでいくチュートリアル
仮想DOMは本当に“速い”のか? DOM操作の新しい考え方を、フレームワークを実装して理解しよう - エンジニアHub|若手Webエンジニアのキャリアを考える!
employment.en-japan.com/engineerhub/entry/2020/02/18/103000
Virtual DOMとは何かやどのように実装されているかについて。
なぜVirtual DOMではレンダリングが遅くなりにくいかについて
Aborting a fetch request
meetguns.com/blog/aborting-a-fetch-request/
AbortController
を使ってFetchのキャンセルを行う方法について
Angular 9: What’s New?
auth0.com/blog/angular-9-whats-new/
Angular 9の変更点についての解説
What's coming in ESLint v7.0.0 - ESLint - Pluggable JavaScript linter
eslint.org/blog/2020/02/whats-coming-in-eslint-7.0.0
ESLint 7.0.0での変更予定について。
CLIEngine
クラスは非推奨となり新しくESLint
クラスが導入される、Node.jsやCommonJS関係のルールはeslint-plugin-node
に移行される。
directive commentsにコメントを書けるように、~/.eslintrc
の利用に警告がでるように、デフォルトのignore patternsの更新など
ソフトウェア、ツール、ライブラリ関係
benawad/destiny: Prettier for File Structures
プロジェクトのファイル構造をコンポーネントごとに分けるように編集するツール
suchipi/hex-engine: A modern 2D game engine for the browser.
Canvasを使った2Dゲームエンジンライブラリ。ReactインスパイアなAPIを持つ。
音声同期、スプライトシートやアニメーション、物理エンジンなどのサポート。
またAseprite、Tiled、BMFontなどのオーサリングツールもサポートしている。
- Aseprite - Animated sprite editor & pixel art tool
- Tiled Map Editor | A flexible level editor
- BMFont - AngelCode.com