Fork me on GitHub

2023-08-03のJS: Riot.js v9.0.0、Firefox 116、React Server Componentsへの移行

Edit on GitHub 編集履歴を見る

JSer.info #654 - Riot.js v9.0.0がリリースされました。

このリリースでは、Riot.jscompilerなどのバージョンを合わせるため、v8はスキップしてv9.0.0としてリリースされています。
Node.js 14/16のサポート終了、BabelでのTranspileをしないように変更、boolean属性の挙動変更などが含まれています。


Firefox 116がリリースされました。

HTTP/2のアップロードパフォーマンスの改善、CSP3 external hashesをサポート。
FetchのgetReader({mode: 'byob'})をサポートなどが含まれています

また、Firefoxの開発者ツールでwindow.devtoolsFormattersを使ったカスタムフォーマッターがopt-inでサポートされています。

同様の仕組みはChromeにも実装されています。


React Server Componentsに関する記事がいくつか公開されています。

また、Next.jsとReactが何をどこでキャッシュしているかについてのドキュメントが公開されているので合わせて読むと良いと思います。


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

JSer.info Sponsors

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


ヘッドライン


Release v130 · esm-dev/esm.sh

github.com/esm-dev/esm.sh/releases/tag/v130

JavaScript cdn library ReleaseNote

esm.sh v130リリース。
minifyされたUMDをexportするCommonJSパッケージをサポート


ESLint v8.46.0 released - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2023/07/eslint-v8.46.0-released/

ESLint ReleaseNote

ESLint v8.46.0リリース。
ES2024の正規表現のvフラグをサポート、 flat configのエラーメッセージの改善など


Release Evergreen · riot/riot

github.com/riot/riot/releases/tag/v9.0.0

JavaScript library ReleaseNote

Riot.js v9.0.0リリース。
バージョン番号を統一するため、バージョンをスキップしてv9へ。
Node.js 14/16のサポート終了、BabelでのTranspileをしないように変更、boolean属性の挙動変更など


Release v6.0.0 · markedjs/marked

github.com/markedjs/marked/releases/tag/v6.0.0

Markdown JavaScript library ReleaseNote

marked v6.0.0リリース。
コードベースをTypeScriptへの移行。
これに伴い@types/markedは非推奨となった。


Firefox 116.0, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/116.0/releasenotes/

Firefox ReleaseNote

Firefox 116リリース。
HTTP/2のアップロードパフォーマンスの改善、CSP3 external hashesをサポート。
FetchのgetReader({mode: 'byob'})をサポートなど


Release v0.34.0 · vitest-dev/vitest

github.com/vitest-dev/vitest/releases/tag/v0.34.0

vite testing ReleaseNote

vitest v0.34.0リリース。
@vitest/coverage-c8@vitest/coverage-v8に変更、serverオプションの追加に伴いオプションの移動、deps.optimizerをデフォルトで有効化など。
describe.sequential APIの追加など


Bootstrap 5.3.1 | Bootstrap Blog

blog.getbootstrap.com/2023/07/26/bootstrap-5-3-1/

CSP library ReleaseNote

Bootstrap 5.3.1リリース。
ダークモードのカラーコントラストの改善、.disabledなどで無効時のスタイルを追加など


Bun v0.7.1 | Bun Blog

bun.sh/blog/bun-v0.7.1

Bun ReleaseNote

Bun v0.7.1リリース。
ESMのロードパフォーマンスの改善、bun:sqliteのSELECTの改善、workspaceでバージョン指定をサポート。
npmプライベートレジストリのサポート改善、Node.jsとの互換性改善、MessagePortMessageChannelのサポート、Fetch APIがfile:をサポートなど


アーティクル


ブラウザの戻る/進むを高速に!ヤフーにおけるBFCache有効化に向けた取り組み - Yahoo! JAPAN Tech Blog

techblog.yahoo.co.jp/entry/2023072430429932/

browser performance

ChromeでのBFcache有効化の条件、デバッグ方法、BFCache有効時のパフォーマンスについて


Remote Synthesis | Is Jamstack Officially Finished?

remotesynthesis.com/blog/goodbye-jamstack/

community JavaScript article

Netlifyが運営していたJamstack Community Discordが廃止されたことについて。


Speeding up the dbt™ docs by 20x with React Server Components | Dagster Blog

dagster.io/blog/dbt-docs-on-react

React performance article

古いAngularJSと巨大なJSONで動いていたdbt docsで生成されるサイトを、Next.jsとReact Server Componentsで置き換える話。
どのように移植したのか、パフォーマンスがどのように改善されたのかについて


We migrated 50,000 lines of code to React Server Components | Mux

www.mux.com/blog/what-are-react-server-components

React article

React Server Componentsについて。
CSRとSSRとServer Componentについて。
コンポーネントのツリーをServer Componentへ徐々に移行していく方法について


ソフトウェア、ツール、ライブラリ関係


KittyGiraudel/a11y-dialog: A very lightweight and flexible accessible modal dialog script.

github.com/KittyGiraudel/a11y-dialog

UI accessibility library

WAI-ARIAのダイアログパターンを実装したダイアログUIライブラリ


この記事へ修正リクエストをする
JSer.info Slackに参加する