JSer.info #546 - ECMAScript 2021(ES2021)がEcma Internationalに承認され、正式にリリースされました。
ES2021では、主に次の機能や構文が追加されています。
- Numeric separators
- Promise combinators
- Weak references and finalizers
String.prototype.replaceAll- Logical assignment
また、JavaScriptの入門書のJavaScript PrimerもES2021対応した更新がされています。
Storybook 6.3リリースされました。
メジャーやアウトライン表示などの視覚的なデバッグ機能の追加がされています。
また@storybook/testing-vueと@storybook/testing-reactでのテストのサポート。 Angular 12、Lit 2のサポート、webpack 5のサポートのStable化、Viteのサポートが追加されています。
Demystifying styled-componentsという記事では、styled-componentsのミニクローンを作りながらどのような仕組みで動いているのかを解説しています。
CSS in JSを実装しながらどのようにJavaScriptからスタイルを操作したり、コンポーネントのスタイルの合成についてなど書かれています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
[Release News] TOAST UI Editor 3.0 is here! | by TOAST UI | Jun, 2021 | Medium
toastui.medium.com/release-news-toast-ui-editor-3-0-is-here-6ed2a09160e6
MarkdownエディタのTOAST UI Editor 3.0リリース。
Prosemirrorベースに変更することでCodeMirror、squire、to-markの依存を削除。
Markdownの構文をカスタマイズができるように、widgetRulesの追加、デザインの変更など
Ecma International approves new standards - Ecma International
www.ecma-international.org/news/ecma-international-approves-new-standards-4/
ECMAScript 2021が正式リリースされた
Release 3.0.0 · developit/mitt
github.com/developit/mitt/releases/tag/3.0.0
Event EmitterライブラリのMitt 3.0リリース。
.off(type)で同じtypeのすべてのlistenersを消せるように、TypeScriptの型の改善、exportsフィールドの対応
Storybook 6.3
storybook.js.org/blog/storybook-6-3/
Storybook 6.3リリース。
メジャー、アウトラインなどの視覚的なデバッグ機能の追加、@storybook/testing-vueと@storybook/testing-reactでのテストのサポート。
Angular 12、Lit 2のサポート、webpack 5のサポートのStable化、Viteのサポート。
--modernモードでESMでの実行できるようになるなど
Release 7.6.0 · cypress-io/cypress
github.com/cypress-io/cypress/releases/tag/v7.6.0
Cypress 7.6.0リリース。
.type()のデフォルトdelayを変更できるように、cypress openの改善、cy.interceptのreqにqueryプロパティの追加。
webpack 5でハングしないように、cy.interceptでのマルチバイトの問題の修正など
Release 3.0.0 · micromark/micromark
github.com/micromark/micromark/releases/tag/3.0.0
CommonMark準拠のMarkdownパーサであるmicromark 3.0.0リリース。
Release v1.0.0 · solidjs/solid
github.com/solidjs/solid/releases/tag/v1.0.0
JSXを扱う宣言的なUIコンポーネントフレームワークのSolid 1.0.0リリース。
Release v5.41.0 · webpack/webpack
github.com/webpack/webpack/releases/tag/v5.41.0
webpack 5.41.0リリース。
experiments.outputModule: trueの実験フラグで、ECMAScript Modules形式の出力、Dynamic Importを使ったchunk読み込みなどの基本的な実装
アーティクル
An updated timeline for Privacy Sandbox milestones
blog.google/products/chrome/updated-timeline-privacy-sandbox-milestones/
ChromeのPrivacy Sandboxのマイルストーン更新。
サードパーティCookieの廃止は二段階で、2022後半に移行APIをリリースし、2023年半ばからサードパーティCookieを段階的に廃止していく予定。
Let's Learn About Aspect Ratio In CSS - Ahmad Shadeed
ishadeed.com/article/css-aspect-ratio/
CSSのaspect-ratioプロパティの使い方やサポートしてないブラウザへの対応についてなど
[TypeScript] 用 ts-migrate 仙女棒讓 JS 專案瞬間 migrate 成 TS | by Hannah Lin | Hannah Lin | Jun, 2021 | Medium
ts-migrateを使ったJavaScriptからTypeScriptへの移行についての記事。
ts-migrateの基本的な使い方、個別のプラグインやソースコードの一部だけを変換していく方法について
Demystifying styled-components
www.joshwcomeau.com/react/demystifying-styled-components/
styled-componetsのミニクローンを作りながら仕組みについて学ぶ記事。
CSSOMを使ったスタイルの操作、コンポーネントのスタイル合成などについて
Temporal: getting started with JavaScript’s new date time API
2ality.com/2021/06/temporal-api.html
ECMAScript Proposal Stage 3のTemporalについての解説記事。
Times、Time zones、Calendarsの概念について、基本的なTemporal APIの使い方、ユースケースごとの使い方についてなど
ソフトウェア、ツール、ライブラリ関係
uhyo/eslint-plugin-import-access
github.com/uhyo/eslint-plugin-import-access
JSDocの@package相当のチェックをするESLintルール
npm/libnpmexec: npm exec (npx) Programmatic API
npx exec相当の処理をするライブラリ
書籍関係
Release 3.0.0: ECMAScript 2021対応 · asciidwango/js-primer
github.com/asciidwango/js-primer/releases/tag/v3.0.0
JavaScript入門書のJavaScript Primer 3.0リリース。
ECMAScript 2021の対応など
