【2023-08-03のJS: Riot.js v9.0.0、Firefox 116、React Server Componentsへの移行】
JSer.info #654 - Riot.js v9.0.0がリリースされました。
Release Evergreen · riot/riot
このリリースでは、Riot.jsとcompilerなどのバージョンを合わせるため、v8はスキップしてv9.0.0としてリリースされています。
Firefox 116がリリースされました。
Firefox 116.0, See All New Features, Updates and Fixes
Firefox 116 for developers - Mozilla | MDN
HTTP/2のアップロードパフォーマンスの改善、CSP3 external hashesをサポート。
getReader({mode: 'byob'})をサポートなどが含まれています
また、Firefoxの開発者ツールでwindow.devtoolsFormattersを使ったカスタムフォーマッターがopt-inでサポートされています。
Custom Formatters — Firefox Source Docs documentation
同様の仕組みはChromeにも実装されています。
Custom Object Formatters in Chrome DevTools
React Server Componentsに関する記事がいくつか公開されています。
Understanding React Server Components – Vercel
We migrated 50,000 lines of code to React Server Components | Mux
Speeding up the dbt™ docs by 20x with React Server Components | Dagster Blog
また、Next.jsとReactが何をどこでキャッシュしているかについてのドキュメントが公開されているので合わせて読むと良いと思います。
Building Your Application: Caching | Next.js
JSer.infoをサポートするには
😘 知り合いにJSer.infoをおすすめする
💸 GitHub Sponsorsで@azuのスポンサーになる
🐦 Twitterで@jser_infoをフォローする
🔁 JSer.infoについての最新のTweetをRetweetする
ヘッドライン
Release v130 · esm-dev/esm.sh
github.com/esm-dev/esm.sh/releases/tag/v130
JavaScript cdn library ReleaseNote
esm.sh v130リリース。
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リリース。
vフラグをサポート、 flat configのエラーメッセージの改善など
Release Evergreen · riot/riot
github.com/riot/riot/releases/tag/v9.0.0
JavaScript library ReleaseNote
Riot.js v9.0.0リリース。
Release v6.0.0 · markedjs/marked
github.com/markedjs/marked/releases/tag/v6.0.0
Markdown JavaScript library ReleaseNote
marked v6.0.0リリース。
Firefox 116.0, See All New Features, Updates and Fixes
www.mozilla.org/en-US/firefox/116.0/releasenotes/
Firefox ReleaseNote
Firefox 116リリース。
getReader({mode: 'byob'})をサポートなど
Firefox 116 for developers - Mozilla | MDN
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リリース。
bun:sqliteのSELECTの改善、workspaceでバージョン指定をサポート。
MessagePortとMessageChannelのサポート、Fetch APIがfile:をサポートなど
アーティクル
ブラウザの戻る/進むを高速に!ヤフーにおけるBFCache有効化に向けた取り組み - Yahoo! JAPAN Tech Blog
techblog.yahoo.co.jp/entry/2023072430429932/
browser performance
ChromeでのBFcache有効化の条件、デバッグ方法、BFCache有効時のパフォーマンスについて
How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile
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について。
ソフトウェア、ツール、ライブラリ関係
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
2023-08-03のJS: Riot.js v9.0.0、Firefox 116、React Server Componentsへの移行
JSer.info #654 - Riot.js v9.0.0がリリースされました。