#React

ReactとTypeScriptでHTML属性を拡張する方法について書いた。React.ComponentPropsWithoutRefやReact.ComponentPropsWithRef、React.ComponentProps、JSX.IntrinsicElements、React.DetailedHTMLProps、React.ButtonHTMLAttributes、React.HTMLProps、React.AllHTMLAttributes、React.HTMLAttributesなど。

hrdtbs 2022年11月3日

2 min read

React

Read Article

Fire-and-forgetパターンとuseEvent

Fire-and-forgetパターンつまりuseEffectOnceのようなコードをuseEventでどのように置き換えられるか

hrdtbs 2022年9月29日

6 min read

React

Read Article

Upgrade to React 18

会社にて、ほとんどのサービスのReactのバージョンをアップグレードするイベントを開催した際のQ&Aなどをまとめました。

hrdtbs 2022年8月25日

8 min read

React

Read Article

Reactクイズ：要素を返す前にstateを更新すると何が起きるか

要素を返す前にstateを更新すると何が起きるかのクイズ。

hrdtbs 2022年7月22日

1 min read

React

React Router

Read Article

React Router V6でOutletを利用したページコンテンツの遅延読み込み

リリースされたばかりのReact Router V6のOutletを使って、ページコンポーネントを遅延読み込みするいい感じの方法を考えた。

hrdtbs 2022年1月22日

2 min read

CSS-in-JS

styled-components

Read Article

CSS-in-JS - styled vs css prop by Glen Maddern (styled-components)

CSS-in-JSのstyledとcss propの記法について、styled-componentsの作者であるGlen Maddern氏による説明のメモ。

hrdtbs 2020年8月13日

2 min read

React

React Router

Read Article

Q. React-RouterでURLをリダイレクトさせたら元のページに戻れなくなった。

React-Routerでリダイレクトさせる際にreplaceさせないと、リダイレクトされるページの前にいたページに戻れなくなるのは当たり前だと思うが、質問があったのでまとめた。

hrdtbs 2020年4月8日

2 min read

なぜgetElementByIdやquerySelectorではなく、useRefを使うのか

React

Read Article

なぜgetElementByIdやquerySelectorではなく、useRefを使うのか

ReactにおいてgetElementByIdやquerySelectorを避けた方が良い理由の説明。

hrdtbs 2019年11月4日

3 min read

React

Read Article

なぜreact-hooks/exhaustive-depsはただcomponentDidMountのように使いたいだけなのに依存関係を入れてくるのか

useEffectのdepsに依存関係を入れる理由について解説する。

hrdtbs 2019年4月24日

3 min read

News bits

60 件

Vercel

Zig

Read Article

wterm、Web 向けターミナルエミュレータ

Vercel Labs は、コアを Zig で実装し WASM へコンパイルした Web 向けターミナルエミュレータ wterm を公開した。DOM へ描画し、ブラウザ標準の選択・コピー・検索やスクリーンリーダー連携を活かす構成である。

hrdtbs 4月14日

2 min read

TanStack Start

React

Read Article

TanStack Start、RSC を Flight ストリームとして扱う実験機能

TanStack Start が React Server Components をサーバー所有のツリー前提にせず、取得・キャッシュ・デコード可能な Flight ストリームとして扱う方針と Composite Components を公式ブログで説明した。

hrdtbs 4月13日

2 min read

MUI

React

Read Article

Material UI 9

Material UI 9.0 がリリースされ、Base UI ベースの NumberField と Menubar が追加され、アクセシビリティ既定・キーボード操作・テーマの CSS 変数まわりが強化された。非推奨 API の削除など破壊的変更を伴い、v7 からの移行ガイドが用意されている。

hrdtbs 4月8日

4 min read

MUI

React

Read Article

Material UI v9

アクセシビリティとキーボード操作の改善に加え、Base UI を土台にした NumberField と Menubar が追加され、テーマの CSS 変数では color-mix() による派生色が扱えるようになった。

hrdtbs 4月8日

2 min read

Lucide

Vue

Read Article

Lucide 1.0リリース、ブランドアイコン廃止とパッケージ再編

ブランドアイコン全削除、aria-hidden既定化、UMD廃止とESM・CJSのみ、lucide-reactのバンドル縮小、lucide-vue-nextの@lucide/vueへのリネーム、@lucide/angular追加、React・Vue・Svelte・Solidのコンテキストプロバイダ、フォントのコードポイント固定、lucideパッケージのshadow DOM対応。

hrdtbs 3月23日

2 min read

Storybook

React

Read Article

Storybook 10.3、React向けMCPアドオンでエージェントにコンポーネント文脈とテスト手段を提供

Storybook 10.3以上のReact向け@storybook/addon-mcp、ローカルMCP URL登録、compositionによる複数Storybookの入力統合、ChromaticでのリモートMCP公開、MCP Apps経由のライブストーリー埋め込み、コンポーネント／アクセシビリティテスト実行ツール。Reshapedライブラリでの生成UI比較数値。他フレームワーク向けは年内予定。

hrdtbs 3月23日

2 min read

React

Linux Foundation

Read Article

React Foundation、Linux Foundation傘下に設立

Linux Foundation傘下の独立財団として正式にローンチ。初期メンバー8社の決定やプロジェクト管理の移行など。

hrdtbs 2月24日

1 min read

ChartGPU

WebGPU

Read Article

ChartGPU 0.1が公開、WebGPUベースの高性能チャートライブラリ

WebGPUを活用したオープンソースのチャートライブラリ。100万点を超えるデータセットの60fpsレンダリングを実現。

hrdtbs 1月22日

1 min read

Vercel

React

Read Article

VercelがReact Best Practicesを公開

hrdtbs 1月14日

1 min read

React

Read Article

Dan Abramov、React Server Componentsの動作を視覚的に学べる「RSC Explorer」を公開

React Server Componentsの動作を視覚的にデモするためのツール「RSC Explorer」が公開。ServerとClientの通信を可視化。

hrdtbs 2025年12月19日

1 min read

Next.js

React

Read Article

Next.js 16.1リリース

hrdtbs 2025年12月18日

1 min read

React

Security

Read Article

React2Shellセキュリティ脆弱性

hrdtbs 2025年12月4日

1 min read

React

GitHub

Read Article

React Foundation設立発表

hrdtbs 2025年10月7日

1 min read

React

Read Article

React 19.2リリース

hrdtbs 2025年10月1日

1 min read

TanStack DB

React

Read Article

TanStack DB 0.1ベータ版リリース

hrdtbs 2025年7月30日

1 min read

React

Read Article

React Compiler段階的導入ガイド公開

hrdtbs 2025年7月26日

1 min read

React

View Transitions API

Read Article

React Labs が View Transitions、Activity、その他の実験的機能を発表

hrdtbs 2025年4月23日

2 min read

React

Next.js

Read Article

React Compiler RC 公開

hrdtbs 2025年4月21日

1 min read

Next.js

React

Read Article

Next.js 15.3 リリース

hrdtbs 2025年4月9日

1 min read

MUI

Next.js

Read Article

Material UI v7 がリリース

hrdtbs 2025年3月28日

2 min read

React

JavaScript

Read Article

React 19.1.0 リリース

hrdtbs 2025年3月28日

1 min read

styled-components

React

Read Article

styled-components がメンテナンスモードに

hrdtbs 2025年3月28日

1 min read

Lynx

React

Read Article

Lynx

hrdtbs 2025年3月7日

1 min read

React

Vite

Read Article

State of React 2024

hrdtbs 2025年2月28日

1 min read

React

React Router

Read Article

React Router v7.2.0

hrdtbs 2025年2月21日

1 min read

React

Read Article

Sunsetting Create React App

hrdtbs 2025年2月21日

1 min read

React

Read Article

React Compiler の Rust 実装削除

hrdtbs 2025年1月31日

1 min read

Redux

React

Read Article

react-redux v9.2.0

hrdtbs 2024年12月27日

1 min read

SWR

React

Read Article

SWR v2.3.0

hrdtbs 2024年12月27日

1 min read

Next.js

ESLint

Read Article

Next.js 15.1

hrdtbs 2024年12月19日

1 min read

React

Read Article

React v19

hrdtbs 2024年12月12日

1 min read

React

React Scan

Read Article

React Scan

hrdtbs 2024年11月29日

1 min read

Framer Motion

Motion

Read Article

Framer Motion is now independent

hrdtbs 2024年11月22日

1 min read

React Router

TypeScript

Read Article

React Router v7 リリース

hrdtbs 2024年11月22日

1 min read

React

Framer Motion

Read Article

pqoqubbw/icons

hrdtbs 2024年11月15日

1 min read

React

React Compiler

Read Article

React Compiler を React v18 で利用する

hrdtbs 2024年10月25日

1 min read

React

Vercel

Read Article

What's new in React 19 – Vercel

hrdtbs 2024年9月13日

1 min read

pnpm

React

Read Article

pnpm v9.5 Catalogs

hrdtbs 2024年7月12日

1 min read

React

Suspense

Read Article

React v19 リリース延期について

hrdtbs 2024年6月21日

3 min read

React

Read Article

React Conf 2024 Recap

hrdtbs 2024年5月31日

1 min read

Remix

React

Read Article

React Conf Follow-Up - Remix

hrdtbs 2024年5月31日

1 min read

React

Babel

Read Article

React Compiler

hrdtbs 2024年5月17日

2 min read

React

Read Article

React Conf 2024

hrdtbs 2024年5月17日

1 min read

React

Read Article

React v18.3

hrdtbs 2024年5月2日

1 min read

React

Read Article

ja.react.dev の更新

hrdtbs 2024年4月26日

1 min read

React

SWR

Read Article

データフェッチングの Suspense は現在非推奨

hrdtbs 2024年4月12日

1 min read

React

React Testing Library

Read Article

Flaky Tests In React: Detection, Prevention and Tools

hrdtbs 2024年4月5日

1 min read

Flow

React

Read Article

Flow, component & hook declarations

hrdtbs 2024年4月5日

1 min read

React

Read Article

useFormState が useActionState に変更された

hrdtbs 2024年4月5日

1 min read

Storybook

React

Read Article

Storybook v8

hrdtbs 2024年3月15日

1 min read

React

StyleX

Read Article

React Strict DOMが公開

hrdtbs 2024年2月23日

1 min read

React

Read Article

React Compiler

hrdtbs 2024年2月16日

1 min read

Redux

React

Read Article

Major updates of Redux libraries

hrdtbs 2023年12月4日

1 min read

Vercel

React

Read Article

Announcing v0: Generative UI

hrdtbs 2023年10月20日

1 min read

React

Read Article

Did the React team forget the React Forget compiler?

hrdtbs 2023年10月6日

1 min read

Vercel

React

Read Article

v0.dev - AI tool that is effectively Midjourney for React

hrdtbs 2023年9月18日

1 min read

Storybook

React

Read Article

Storybook 7.1

hrdtbs 2023年7月19日

1 min read

React

Read Article

React Canaries

hrdtbs 2023年5月14日

1 min read

Next.js

React

Read Article

Next.js 13.4

hrdtbs 2023年5月5日

2 min read

React

Read Article

react.dev正式公開、Reactの新しいドキュメントサイト

Hooksデフォルトの新しいドキュメントサイトがリリース。豊富なサンプルや詳細な解説を追加。

hrdtbs 2023年3月31日

1 min read

著者について

Hi there. I'm hrdtbs, a frontend expert and technical consultant. I started my career in the creative industry over 13 years ago, learning on the job as a 3DCG modeler and game engineer in the indie scene.

In 2015 I began working as a freelance web designer and engineer. I handled everything from design and development to operation and advertising, delivering comprehensive solutions for various clients.

In 2016 I joined Wemotion as CTO, where I built the engineering team from the ground up and led the development of core web and mobile applications for three years.

In 2019 I joined matsuri technologies as a Frontend Expert, and in 2020 I also began serving as a technical manager supporting streamers and content creators.

I'm so grateful to be working in this field, doing something that brings me so much joy. Thanks for stopping by.

#React

All Posts

News bits

著者について

コンタクト