皆さん、こんにちは。これは先週の私のテクノロジーウォッチです。多くの #react、少しの #html、いくつかの #css、および #npm が取り上げられています。

? https://www.totaltypescript.com/how-to-create-an-npm-package NPM パッケージを作成する方法
初期化からリリースまで、NPM パッケージを作成、テスト、公開するためのステップバイステップのガイド。

? https://playfulprogramming.com/posts/why-is-css-in-js-slow CSS-in-JS が遅いのはなぜですか
CSS-in-JS パフォーマンスの分析: 速度低下の原因と最新の解決策。

⚛️ https://alexkondov.com/interface-segregation-principle-in-react React のインターフェイス分離原理
メンテナンス性を向上させるために React にインターフェイス分離原則を適用する。

⚛️ https://kyleshevlin.com/never-call-new-date-inside-your-components/ コンポーネント内で new Date() を決して呼び出さない
パフォーマンスと一貫性を向上させるために、React コンポーネントで 'new Date()' を回避します。

⚛️ https://storybook.js.org/blog/component-testing/ Storybook でのコンポーネントのテスト
Storybook と一般的なテスト フレームワークを使用して UI コンポーネントを効率的にテストします。

⚛️ https://www.freecodecamp.org/news/react-compiler-complete-guide-react-19/ React コンパイラーの使用方法 – 完全ガイド
React 19 コンパイラーに関する包括的なガイド: 自動最適化と新機能。

⚛️ https://www.callstack.com/blog/the-complete-developer-guide-to-react-19-part-1-async-handling React 19 完全開発者ガイド、パート 1 : 非同期処理
React 19: 非同期操作の処理を改善するための新機能。

? https://dev.to/safdarali/top-5-html-features-youre-not-using-but-Should-be-2i0e あなたが使用していない (使用すべきである) HTML 機能トップ 5
Web ページを強化する 5 つのあまり知られていない HTML 機能。

私の完全なテクノロジー ウォッチ コレクションは https://www.56kode.com/tech-watch/ でご覧いただけます。さらに厳選されたコンテンツについては、お気軽にチェックしてください!