React の状態管理の歴史と、最新 API に込められた React の思想 🔖 51

はじめに React が誕生して10年以上が経ちましたが、「状態管理」の議論は今も終わりません。Redux、Recoil、Zustand、そして useSyncExternalStore。なぜこれほど多様なライブラリが生まれ、React 公式はついに"標準 API"を出したのでし

React の状態管理の歴史と、最新 API に込められた React の思想 🔖 51

!この記事はZOZO Advent Calendar 2025 シリーズ7 計測システム部カレンダーの16日目の記事です。前日の記事は @hdmn54321 さんの【リモートワークの質を高める商品9選】でした。 はじめにReact が誕生して10年以上が経ちましたが、

React の状態管理の歴史と、最新 API に込められた React の思想 🔖 51

!この記事はZOZO Advent Calendar 2025 シリーズ7 計測システム部カレンダーの16日目の記事です。前日の記事は @hdmn54321 さんの【リモートワークの質を高める商品9選】でした。 はじめにReact が誕生して10年以上が経ちましたが、

React の状態管理の歴史と、最新 API に込められた React の思想 🔖 51

!この記事はZOZO Advent Calendar 2025 シリーズ7 計測システム部カレンダーの16日目の記事です。前日の記事は @hdmn54321 さんの【リモートワークの質を高める商品9選】でした。 はじめにReact が誕生して10年以上が経ちましたが、

ブラウザから要素を選択してエージェントにコンテキストを提供する React Grab を試してみた 🔖 20

React Grab はブラウザ上で要素を選択し、その要素に対応するコードコンテキストをコーディングエージェントに提供するライブラリです。この記事では React Grab のセットアップ方法と使用方法を紹介します。 コーディングエージェントに期待したコードを生成してもらうために

Lessons from React2Shell 🔖 114

React2Shellを使用して攻撃してみた 🔖 8

はじめに脆弱性のあるNextjsのバージョンでWebサーバを立て、ローカル環境内での検証です。今回紹介する内容はセキュリティに関する学習のためのものです。管理下にあるローカル環境以外での実行、および許可のないシステムへの攻撃は違法です。悪用は厳禁です...

【React / Next.js】RSC続報：結局なにをすればいいか（55183 / 55184 / 67779） 🔖 5

最初に結論（やることだけ知りたい人向け）!以前まとめた記事からの続編です。📘 【Next.js】CVE-2025-66478対策は、とりあえず npx fix-react2shell-next したReact Server Components (RSC) まわりでは、

「React」に新たな脆弱性 ～「React2Shell」への対策は不十分、最新版への更新を／DoSやサーバー関数のソースコード露出につながる可能性 🔖 26

「FastAPI + htmxが最強説」- AIエンジニアがモック作るならReactは不要、Streamlitも捨てよう 🔖 477

FastAPI + htmxが最強説 - Pythonエンジニアがモック作るならReactは不要、Streamlitも捨てよう この記事はLivetoon Tech Advent Calendar 2025の12日目の記事です。 宣伝 今回のアドベントカレンダーでは、Liveto

React2Shellによって実行されるマルウェアZnDoorについて | セキュリティナレッジ | NTTセキュリティ・ジャパン株式会社 🔖 31

本稿では、実際に日本国内の企業で観測されたReact2Shell悪用事例と、マルウェアZnDoorの解析結果を共有します。 本記事はSOCアナリスト 野村和也が執筆したものです はじめにSOCでは2025年12月から、日本国内においてReact2Shell（CVE-2025-55

低コストにOTAを！Hot UpdaterをReact Nativeに導入しよう！ 🔖 1

こんにちは！テラーノベルのフロントエンドエンジニアの@kazutoyoです！AppCenter CodePushが2025年の3月に終了しましたが、みなさんは無事に移行が完了していますか？https://learn.microsoft.com/ja-jp/appcenter/

Reactカスタムフックが可読性を損なうとき 🔖 4

この記事は React Advent Calender 2025 11 日目の投稿です。 可読性の高いカスタムフックを考えるReact 開発において、「ロジックはカスタムフックに切り出す」というプラクティスは、私たちの思考に深く根付いています。しかし、筆者の経験上、「なんと

React Router v7を使ったルーティングを体験してみた 🔖 22

■はじめに ■環境 ■React Routerのインストール ■基本的なルーティングの定義 ◆コンポーネント ■ネストルーティングの定義 ◆パスを完全指定した場合のルーティング ◆ネストルーティングと< Outlet >を使った共通レイアウトの維持 ■ルーティング定義の分割 ■U

Vueユーザーから見るReact Tokyoコミュニティ 🔖 2

!この記事はReact Tokyo Advent Calendar 2025の10日目の記事です。こんにちは、yamanokuです。本日はReact Tokyoのアドベントカレンダー企画ということで、コミュニティ参加者から見たReact Tokyoの取り組みの印象と考えてみ

React Router v7でLLMのストリーミングレスポンスを実装する - カミナシ エンジニアブログ 🔖 25

こんにちは。カミナシで「カミナシ 設備保全」サービスの開発を行っている澤木です。 今回はReact Router v7でReadableStreamを利用したデータの逐次表示を実装する方法について紹介します。 現在私たちのチームではLLMを使った機能開発を行っているのですが、LL

React Server Componentsの脆弱性 CVE-2025-55182（React2Shell）についてまとめてみた。 - piyolog 🔖 59

2025年12月3日、JavaScriptライブラリ Reactを開発するThe React Teamは、React Server Componentsに深刻な脆弱性が確認されたとして脆弱性情報を公開し、修正版への更新を案内しました。ここでは関連する情報をまとめます。 どんな脆弱

React Router v7でLLMのストリーミングレスポンスを実装する 🔖 25

こんにちは。カミナシで「カミナシ 設備保全」サービスの開発を行っている澤木です。 今回はReact Router v7でReadableStreamを利用したデータの逐次表示を実装する方法について紹介します。 現在私たちのチームではLLMを使った機能開発を行っているのですが、LL

React Router v7でLLMのストリーミングレスポンスを実装する 🔖 25

こんにちは。カミナシで「カミナシ 設備保全」サービスの開発を行っている澤木です。 今回はReact Router v7でReadableStreamを利用したデータの逐次表示を実装する方法について紹介します。 現在私たちのチームではLLMを使った機能開発を行っているのですが、LL

Zustand vanilla store を使って通話ロジックを React から分離した話 🔖 1

!この記事は みんなが知らないIVRy！ Advent Calendar 2025 の8日目の記事になります。昨日は堀田さんの「IVRy、エンジニア入りまくってるイメージ。実際いまどんな感じ？」2025年末編でした。明日は富士さんの記事が公開予定です。株式会社IVRy（アイ

React Native でヘルスケアを利用する設計パターンについて考えてみた 🔖 1

この記事は Ubie Tech Advent Calendar 2025 の 7日目の記事です。https://adventar.org/calendars/12070 はじめにReact Native × Expo でヘルスケア機能を実装したときの話をまとめておこうと思

React Native でヘルスケアを利用する設計パターンについて考えてみた 🔖 1

この記事は Ubie Tech Advent Calendar 2025 の 7日目の記事です。https://adventar.org/calendars/12070 はじめにReact Native × Expo でヘルスケア機能を実装したときの話をまとめておこうと思

結局なぜRCEが発生するのか？react2shell PoC研究レポート (途中) 🔖 2

はじめに当記事は、react2shell の PoC 攻撃手法についての調査です。 注意事項当記事の内容は、あくまで PoC 攻撃手法の研究目的です。また、当記事の内容には間違い・認識違いが含まれる可能性があります。本番環境での動的な解析を実施しておらず、コードリーデ

【緊急】Next.js (CVE-2025-66478) / React (CVE-2025-55182) の脆弱性について 🔖 129

1. はじめに：何が起きたのか 2025年12月3日、Next.js および React Server Components (RSC) の通信プロトコルにおいて、認証不要でリモートコード実行 (RCE) が可能となる重大な脆弱性が公表されました。 今回、特に事態を重くしている要

CVE-2025-55182(Reactの脆弱性)を修正したDify 1.10.1-fix1リリース 🔖 3

はじめにプログデンスの圓佛です。CVEスコアが最大の「10」であるReactの脆弱性が報告されています。CVE-2025-55182CVE-2025-55182(facebook)Critical Security Vulnerability in React Serv

React2Shell (CVE-2025-55182) で気付いた React Server Components のセキュリティの盲点 🔖 7

はじめに先日、Vercel から「Important Security Update for Next.js 15 &amp; 16」という件名のメールが Gmail に届きました。リンク先の CVE ページを確認したところ、CVSS スコアが 10.0（Critical）

React2Shell (CVE-2025-55182) で気付いた React Server Components のセキュリティの盲点 🔖 7

はじめに先日、Vercel から「Important Security Update for Next.js 15 &amp; 16」という件名のメールが Gmail に届きました。リンク先の CVE ページを確認したところ、CVSS スコアが 10.0（Critical）

【緊急】Next.js (CVE-2025-66478) / React (CVE-2025-55182) の脆弱性について 🔖 129

1. はじめに：何が起きたのか2025年12月3日、Next.js および React Server Components (RSC) の通信プロトコルにおいて、認証不要でリモートコード実行 (RCE) が可能となる重大な脆弱性が公表されました。今回、特に事態を重くしている要

Critical Security Vulnerability in React Server Components – React 🔖 54

React2Shell (CVE-2025-55182/CVE-2025-66478) 🔖 27

HLSストリーミングをreact-playerで実装する 🔖 1

この記事はアドベントカレンダー4日目の記事です🎄🎅HRBrain Advent Calendar 2025 はじめにこんにちは。HRBrainで学習管理サービス「HRBrain ラーニング」を開発している渡邉です。最近、動画コンテンツの配信機能をHLS（HTTP Liv

【React】【そして玄人になる】「マイナーな」Hooksたち 🔖 2

useState や useEffect と聞いてもみなさん鼻を鳴らすだけでしょう。しかし、ドキュメントの少し奥にある useId や useDeferredValue などのマイナー Hooksたちならどうでしょうか？玄人[1]たるもの、これらを知らずして日々のReactを

React Native (Expo) + TanStack QueryでTodoアプリを作ってみた 🔖 1

はじめにReact / React Native (Expo) でAPI通信を行うとき、useEffectやuseStateでデータ取得・更新を管理していると、ローディングやエラーハンドリングなどの処理が複雑になりがちです。そこで登場するのがTanStack Queryです。

Reactのテストのハマりどころ1選 🔖 1

この記事はSTORES Advent Calendar 2025の2日目の記事です。 こんにちは。Webエンジニアをしているotariidaeです。 フロントエンドのテストを取り巻く環境は充実してきています。最近ではVitest Browser Modeの安定版リリースが記憶に新

2025年のReact Nativeを振り返り、2026年に期待すること 🔖 2

こんにちは！テラーノベルでフロントエンドを担当している@kazutoyoです！こちらはReact Native Advent Calendar 2025の1日目の投稿です。https://qiita.com/advent-calendar/2025/react-native

コンポーネントの設計で最近気をつけていることまとめ（React / Next.js） 🔖 71

React / Next.js に慣れてくると、次に悩むのはだいたい「設計レイヤー」まわりですよね。 コンポーネントが太りやすい useEffect が増えてロジックが迷子になる 状態をどこに置くか毎回迷う Hooks をどこまで分割すべきか分からない このあたりのモヤモヤさえ事

コンポーネントの設計で最近気をつけていることまとめ（React / Next.js） 🔖 71

React / Next.js に慣れてくると、次に悩むのはだいたい「設計レイヤー」まわりですよね。コンポーネントが太りやすいuseEffect が増えてロジックが迷子になる状態をどこに置くか毎回迷うHooks をどこまで分割すべきか分からないこのあたりのモ...

React Server Componentsの本番運用上の課題について | POSTD 🔖 60

数週間前、私たちの本番アプリがハングし始めました。コンポーネントがランダムに読み込まれなくなったのです。ユーザーの画面ローディングスピナーの前で固まってしまいました。40時間デバッグした末に、私たちは気づきました。React Server Components（RSC）が問題だっ

ルートファイルの凝集度を上げる React Router v7 リファクタリング 🔖 3

これはなに？前回の記事では、購入者・出品者・管理者のように異なるロールの機能を「同じカテゴリだから」とまとめてしまう問題を扱いました。コロケーション構成でルートを機能単位に分けることで、条件分岐が散らばらず保守しやすくなるという話でした。今回は、その「分けたルートの中身」に注

React エンジニアが GitHub Copilot と半年暮らしてわかった。「設計する時間」が増えた話 🔖 1

こんにちは、Reactを中心にフロントエンド開発をしているエンジニアです。 AIコーディングエージェントが普及し始めてしばらく経ちますが、みなさんの現場ではどうでしょうか。私もGitHub Copilotを活用して半年が経ちました。 半年経った今、設計について考える時間が増えたこ

Web制作者は腕試し！ JavaScriptやReactなどのコードでキーボードのタイピング練習ができるAIアプリ -TypeQuicker 🔖 15

キーボードで文書や単語のタイピング練習をはじめ、JavaScriptやReactなどのコードでもタイピング練習ができるオンラインツールを紹介します。 タイピング練習できるサイトはたくさんありますが、本ツールはAIによる詳細な解析が大きな特徴で、単語による入力速度、誤入力のパターン

【Gemini 3 Pro】Gem活用術：ニュース収集からReact可視化まで全自動化する「最強のアナリスト」の作り方 🔖 70

🏰 できたものGemini 3 Pro を使って、以下を実現できる Gem を作成しました。ニュースを収集して、きれいに一覧化してくれる~~カテゴリごとにフィルターすることも可能です~~カードをクリックするとニュースの詳細を見ることができます~~入力...

Next.js/ReactServerComponentに入門してみる 🔖 1

こんにちは！木村です！ 普段Reactを使用して開発をしているのですが、データの通信の扱いがなかなか難しいなと感じるこの頃です。そんな中で、なんだかちらちらと話に聞くReactServerComponentってどんな感じなんだろう。。。となったので、実際に触ってみました！今回はそ

【歴史】Reactが覇権を握るまでの知られざる物語【図解解説】 🔖 25

はじめにこんにちは、Watanabe Jin(@Sicut_study)です。普段はReactに関してのチュートリアルをたくさん投稿していて思いました。「Reactを始めるなら歴史から学んだほうがよいのでは？」そこでReactの歴史についてネット...

技術的負債はいつ解消すべきか？ - HERP が React 移行で使った3つの判断軸 🔖 47

HERP の主力プロダクト HERP Hire は、2025 年で開発開始から 9 年目を迎える。 長く運用されるプロダクトとなってきたので、事業の前提やユーザーの期待が変化する中で技術的負債とどう向き合うかが重要な課題となっている。 技術的負債の解消について、多くの記事やドキュ

Reactのexport defaultとexportって何がどう違うんや 🔖 2

発端の話業務でReactを触って開発を進めていく中で、以下のようなコードをよく見かけました。Button.tsxexport default function Button() { return &lt;button&gt;押す&lt;/button&gt;;}

技術的負債はいつ解消すべきか？ - HERP が React 移行で使った3つの判断軸 🔖 47

HERP の主力プロダクト HERP Hire は、2025 年で開発開始から 9 年目を迎える。長く運用されるプロダクトとなってきたので、事業の前提やユーザーの期待が変化する中で技術的負債とどう向

技術的負債はいつ解消すべきか？ - HERP が React 移行で使った3つの判断軸 🔖 47

HERP の主力プロダクト HERP Hire は、2025 年で開発開始から 9 年目を迎える。長く運用されるプロダクトとなってきたので、事業の前提やユーザーの期待が変化する中で技術的負債とどう向き合うかが重要な課題となっている。技術的負債の解消について、多くの記事やドキュ

なぜ React 哲学を守らないといけないのか？ 🔖 53

こんにちは．年々病気に弱くなってきて体力の低下と年齡を感じる今日このごろです． Keeth こと桑原です．毎日お世話になっている 𝕏 で以下のポストを見かけました．https://x.com/le_panda_noir/status/1962638427628937481こ

ReactのFragmentってなんぞや 🔖 5

発端の話業務でReactを用いた開発を担当することになり、Reactド初心者な私が試しに触ってみたところ、以下のようなコードでエラーになりました。jsxfunction Hello() { return ( &lt;h1&gt;HELLO&lt;/h1&gt