JSer.info #660 - Bun v1.0がリリースされました。
Node.js互換のruntimeとコアパッケージの実装、TypeScriptのTranspiler、Bundler、npmのパッケージマネージャー、bun testでのテストツールをもつツールキットです。
v1.0リリースによって、VercelがパッケージマネージャーとしてのBunをサポートしたり(Runtimeとしては未サポート)、RailsがBunのサポートを追加したりしています。
- Bun install is now supported with zero configuration – Vercel
- Add Bun support by terracatta · Pull Request #49241 · rails/rails
Node.js 16が2023年9月11日でEOL(End of Life)となりサポートが終了されました。
Node.js 16のLTSは、OpenSSL 1.1.1のサポート期間にあわせて短くなっているため、EOLが早くなっています。
CSSについての開発者アンケートであるState of CSS 2023が公開されました。
CSSの言語機能、フレームワーク、CSS in JS、ツールなどについてのアンケート結果が公開されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Bun 1.0 | Bun Blog
Bun v1.0リリース。
Node.js互換のruntimeとコアパッケージの実装、TypeScriptのTranspiler、Bundler、npmのパッケージマネージャー、bun testでのテストツールを持つ。
Release v29.7.0 · jestjs/jest
github.com/jestjs/jest/releases/tag/v29.7.0
Jest v29.7.0リリース。
jest --initに変わってセットアップができるcreate-jestパッケージの追加など
doc: mark v16.x as End-of-Life by targos · Pull Request #908 · nodejs/Release
github.com/nodejs/Release/pull/908
Node.js 16がEOLとなった
New in Chrome 117 - Chrome Developers
developer.chrome.com/en/blog/new-in-chrome-117/
Chrome 117リリース。
CSSのアニメーションに関する機能の追加、
CSS subgridの実装。
ECMAScript Stage 3のObject.groupBy/Map.groupByの実装、Iterator Helpersの実装など
Release v3.6.0 · honojs/hono
github.com/honojs/hono/releases/tag/v3.6.0
Hono v3.6.0リリース。
c.render()とc.setRenderer()の追加、c.varの追加。
HMRに対応するViteプラグインとして@hono/vite-dev-serverを公開など
Chrome 118 beta - Chrome Developers
developer.chrome.com/en/blog/chrome-118-beta/
Chrome 118 betaリリース。
@scopeでのScoped Styles、Media QueryでJavaScriptが有効かを判定するscriptingの追加。
tabIndexが0以上のscoll containerにフォーカスできるように、beforeunloadでevent.returnValueが空文字の場合はダイアログを表示しないように変更。
Bootstrap 5.3.2 | Bootstrap Blog
blog.getbootstrap.com/2023/09/14/bootstrap-5-3-2/
Bootstrap 5.3.2リリース。
アーティクル
Making Sense of React Server Components
www.joshwcomeau.com/react/server-components/
React Server Componentsがどのように動くか、ClientとServerの境界線、利点についてなど
How to Pass a Component as a Prop in React | Total TypeScript
www.totaltypescript.com/pass-component-as-prop-react
ComponentをPropsとして渡す3つの方法について。
JSXを渡す方法、Componentを渡す方法、asを使う方法について
スライド、動画関係
State of CSS 2023
State of CSS 2023の結果が公開された。
CSSの言語機能、フレームワーク、CSS in JS、ツールなどについてのアンケート結果が公開されている。
サイト、サービス、ドキュメント
Next.Nav
Next.jsのルーティング情報からアプリケーションがどのような構造になっているかを表示、ルーティングの編集ができるVSCode拡張
ソフトウェア、ツール、ライブラリ関係
nebrelbug/npm-to-yarn: Convert npm CLI commands to yarn, and vice versa
github.com/nebrelbug/npm-to-yarn
npmのコマンドをyarn/pnpm/bunのコマンドに変換するライブラリ
isaacs/tshy
TypeScriptのソースコードからESMとCJSのdual packageを作成するツール
書籍関係
Efficient Node.js
learning.oreilly.com/library/view/efficient-node-js/9781098145187/
2024年8月発売
Node.jsでのアプリケーション開発についての書籍
