はてぶ・Qiita・Zennのトレンド記事を紹介
ReactはFacebookが開発したJavaScriptライブラリで、Webアプリのユーザーインターフェースを効率的に構築できます。コンポーネント指向で再利用性が高いのが特徴です。
JSNation & React Summit US 2025参加レポート 🔖 3
はじめに こんにちは、グローバルシステム部フロントエンドブロックの平田です。 私が所属するチームでは ZOZOMETRYというtoBサービスを開発しています。スマートフォンを用いて身体計測し、計測結果を3Dモデルやデータとして可視化します。計測結果はWeb上で管理できます。 この
サーバーの無いReactフレークワークFUNSTACK Static 🔖 32
皆さんこんにちは。この記事では、筆者が最近開発した新しいReactフレークワークであるFUNSTACK Staticについて紹介します。 ドキュメント FUNSTACK Staticの概要 FUNSTACK Staticは、React用のサーバーを立てる必要がなく、静的なファイル
サーバーの無いReactフレークワークFUNSTACK Static 🔖 32
皆さんこんにちは。この記事では、筆者が最近開発した新しいReactフレークワークであるFUNSTACK Staticについて紹介します。https://github.com/uhyo/funstack-staticドキュメント FUNSTACK Staticの概要FUN
React Best Practicesはむしろアンチパターン説 🔖 6
概要先日、Vercel社からAIコーディング用のReact Best Practicesが公開された。https://vercel.com/blog/introducing-react-best-practicesいわく、「Vercelが10年以上にわたって蓄積してきたRe
Vercel、Reactのベストプラクティスをエージェントスキルとして公開 | gihyo.jp 🔖 34
Vercel、Reactのベストプラクティスをエージェントスキルとして公開 Vercelは2026年1月14日、同社が10年以上にわたって蓄積したReactによる開発のベストプラクティスを、エージェントスキルとしてGiHub上で公開した。 Introducing: React
Claude Codeでreact-best-practicesスキルをadd-skillでインストールして使ってみた 🔖 84
今日vercelがリリースした10年分のReactとNext.jsの知見が詰まったreact-best-practices。 Claude Codeで早速インストールしてPRをレビューしてもらった。 インストール方法 スキルインストールに際して、Vercelが公開した「add-s
GitHub - calloc134/thinking-in-react: React とは何であるのか 🔖 29
宣言的 UI How (UI をどう描くか) を記述せず、 What (UI がどうあるべきか) を記述するスタイル フレームワークには、仮想的に UI の状態を表現したオブジェクトである 「要素」が存在する 何らかの方法で生成された「要素」を フレームワーク が受け取り 以下の
React状態管理ライブラリの選択指針：「ローカル/グローバル/サーバー」における使い分けの基準 | レバテックラボ（レバテックLAB） 🔖 68
執筆 中川 幸哉 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。新潟県上越市出身。会津大学コンピュータ理工学部卒業後、現在は新潟市に在住。ReactやAndroidを軸に、モバイルアプリ開発やWebサイト制作
Pythonだけで"ほぼReact"な宣言的UIアプリが作れるようになったぞ！【Flet1.0beta】 🔖 7
PythonでGUIアプリケーションを作るとなったら皆さんはどんなフレームワークを使うでしょうか？tkinterPyQt5StreamlitGradioなどなど色々ありますが、今回は近年話題のフレームワーク「Flet」が最近大規模な進化を遂げたので解説させてください
Remix v3とReactのトレードオフを徹底考察：AI時代に再評価される「Web標準」への回帰 | レバテックラボ（レバテックLAB） 🔖 40
執筆 中川 幸哉 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。新潟県上越市出身。会津大学コンピュータ理工学部卒業後、現在は新潟市に在住。ReactやAndroidを軸に、モバイルアプリ開発やWebサイト制作
React Compound Componentパターンの使いどころ 🔖 31
はじめに Reactで複雑なUIコンポーネント（Select、Tabs、Accordion、Modalなど）を作成する際、大量のpropsを渡す「Props地獄」に陥ることがあります。 <select> } renderH...
Reactでの、Suspense以後の設計に不慣れな方に向けて、Suspenseの活用法をjotaiを通じて解説します。
Reactを根本から理解する：Hooksの仕組みを実装して学ぶ 🔖 156
はじめに この記事のゴール Reactを使っていると、useStateやuseEffectを「こう書けば動く」という形で覚えていることが多いのではないでしょうか。 const [count, setCount] = useState(0); useEffect(() => { c
Reactでの、Suspense以後の設計に不慣れな方に向けて、Suspenseの活用法をjotaiを通じて解説します。
動画編集ソフトを作ってみた！【React】【Rust】 🔖 9
動画編集ソフト"FrameScript"このFrameScriptはReact + CSS + 独自APIで動画を構成する、やや特殊な動画編集ソフトです。構成としてはElectron + Rust(バックエンド)で、書き出しはChromiumのヘッドレスモード + ffmpe
Reactを習得するためのTypeScriptの基礎(実務でよく使うもの) 🔖 37
TypeScriptは必須になってきた フロントエンドエンジニアになる上で今TypeScriptは必須になっています。 最近はほぼJavaScriptではなくTypeScriptです。 フロントエンドの技術でよく使われるのが、Reactなので、Reactをベースに TypeScr
React 19.2で追加された<Activity>コンポーネントについて - iimon TECH BLOG 🔖 34
はじめに こんにちは、保田です。本記事はiimonアドベントカレンダー25日目の記事となります。 試験的機能として開発されていたコンポーネントが、2025年10月にリリースされたReact 19.2で正式に導入されました。 普段の業務で使えるものなのか気になったので、今回調べてみ
React 19.2で追加された<Activity>コンポーネントについて 🔖 34
はじめに こんにちは、保田です。本記事はiimonアドベントカレンダー25日目の記事となります。 試験的機能として開発されていたコンポーネントが、2025年10月にリリースされたReact 19.2で正式に導入されました。 普段の業務で使えるものなのか気になったので、今回調べてみ
Tamagui を1年運用して分かった、React Native スタイリングの選び方【2025年版】 🔖 1
こちらの記事はReact Native Advent Calendar 2025の25日目の記事です。https://qiita.com/advent-calendar/2025/react-nativeこんにちは！テラーノベルでiOS/Android/Webとフロントエン
脱React宣言！初心者のためのSvelte×daisyUI入門 🔖 1
本記事では、モダンなフロントエンド開発を効率化するために、SvelteとdaisyUIを組み合わせる方法を解説します。Svelteは軽量で直感的なUI構築が可能なJavaScriptフレームワークで、ReactやVueと比較してコード量を削減できます。一方、daisyUIはT
React Compilerをアノテーションモードで試験導入してみた - tebiki Tech Blog 🔖 25
※ この記事は、React Tokyo アドベントカレンダーの23日目の記事です。 ・・・ こんにちは、プロダクトエンジニアの鈴木です。 先日、私が開発を担当しているtebiki現場分析を React 19 にアップグレードしました。 techblog.tebiki.co.jp
Reactを書いているなら知っておきたい、ASTの話 🔖 1
!この記事は 株式会社ログラス Productチーム Advent Calendar 2025 のシリーズ 1、20日目の記事です。こんにちは、今年の4月に新卒でログラスにエンジニアとして入社したDavidです。今回は、日頃Reactを書いているけど実は知らなくても動いて
Astroでreact2shellのような脆弱性が起きない理由 🔖 35
2025年12月3日に公開されたサーバー側での任意コード実行が可能となるReact及びNext.jsにおける脆弱性CVE-2025-55182。通称react2shell。この脆弱性は単なる実装バグとしては片付けられない、フロントエンド界隈全体に及ぶ議論を巻き起こしました。!
React の状態管理の歴史と、最新 API に込められた React の思想 🔖 58
はじめに React が誕生して10年以上が経ちましたが、「状態管理」の議論は今も終わりません。Redux、Recoil、Zustand、そして useSyncExternalStore。なぜこれほど多様なライブラリが生まれ、React 公式はついに"標準 API"を出したのでし
React の状態管理の歴史と、最新 API に込められた React の思想 🔖 58
!この記事はZOZO Advent Calendar 2025 シリーズ7 計測システム部カレンダーの16日目の記事です。前日の記事は @hdmn54321 さんの【リモートワークの質を高める商品9選】でした。 はじめにReact が誕生して10年以上が経ちましたが、
React の状態管理の歴史と、最新 API に込められた React の思想 🔖 58
!この記事はZOZO Advent Calendar 2025 シリーズ7 計測システム部カレンダーの16日目の記事です。前日の記事は @hdmn54321 さんの【リモートワークの質を高める商品9選】でした。 はじめにReact が誕生して10年以上が経ちましたが、
React の状態管理の歴史と、最新 API に込められた React の思想 🔖 58
!この記事はZOZO Advent Calendar 2025 シリーズ7 計測システム部カレンダーの16日目の記事です。前日の記事は @hdmn54321 さんの【リモートワークの質を高める商品9選】でした。 はじめにReact が誕生して10年以上が経ちましたが、
複雑な決済フローを React Hooks と Strategy Pattern で整理した 🔖 1
!本稿は、ZOZO Advent Calendar 2025 シリーズ 6 の 15 日目の記事です。 背景・課題ZOZOTOWN のゲスト注文フローでは、複数の決済手段（クレジットカード、代金引換、PayPay 決済）をサポートする必要がありました。各決済手段は異な
複雑な決済フローを React Hooks と Strategy Pattern で整理した 🔖 1
!本稿は、ZOZO Advent Calendar 2025 シリーズ 6 の 15 日目の記事です。 背景・課題ZOZOTOWN のゲスト注文フローでは、複数の決済手段（クレジットカード、代金引換、PayPay 決済）をサポートする必要がありました。各決済手段は異な
ブラウザから要素を選択してエージェントにコンテキストを提供する React Grab を試してみた 🔖 20
React Grab はブラウザ上で要素を選択し、その要素に対応するコードコンテキストをコーディングエージェントに提供するライブラリです。この記事では React Grab のセットアップ方法と使用方法を紹介します。 コーディングエージェントに期待したコードを生成してもらうために
はじめに脆弱性のあるNextjsのバージョンでWebサーバを立て、ローカル環境内での検証です。今回紹介する内容はセキュリティに関する学習のためのものです。管理下にあるローカル環境以外での実行、および許可のないシステムへの攻撃は違法です。悪用は厳禁です...
【React / Next.js】RSC続報：結局なにをすればいいか（55183 / 55184 / 67779） 🔖 5
最初に結論（やることだけ知りたい人向け）!以前まとめた記事からの続編です。📘 【Next.js】CVE-2025-66478対策は、とりあえず npx fix-react2shell-next したReact Server Components (RSC) まわりでは、
「FastAPI + htmxが最強説」- AIエンジニアがモック作るならReactは不要、Streamlitも捨てよう 🔖 487
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 Server ComponentsだけでForm実装する 🔖 1
!この記事は モニクル Advent Calendar 2025 12日目の記事です。 はじめにNext.js(App Router)で入力フォームを実装する際に、私は今までずっとClient Componentsで実装していました。useStateを使い、変更イベン
この記事は React Advent Calender 2025 11 日目の投稿です。 可読性の高いカスタムフックを考えるReact 開発において、「ロジックはカスタムフックに切り出す」というプラクティスは、私たちの思考に深く根付いています。しかし、筆者の経験上、「なんと
React Router v7を使ったルーティングを体験してみた 🔖 24
■はじめに ■環境 ■React Routerのインストール ■基本的なルーティングの定義 ◆コンポーネント ■ネストルーティングの定義 ◆パスを完全指定した場合のルーティング ◆ネストルーティングと< Outlet >を使った共通レイアウトの維持 ■ルーティング定義の分割 ■U
Vueユーザーから見るReact Tokyoコミュニティ 🔖 2
!この記事はReact Tokyo Advent Calendar 2025の10日目の記事です。こんにちは、yamanokuです。本日はReact Tokyoのアドベントカレンダー企画ということで、コミュニティ参加者から見たReact Tokyoの取り組みの印象と考えてみ
React Router v7でLLMのストリーミングレスポンスを実装する - カミナシ エンジニアブログ 🔖 26
こんにちは。カミナシで「カミナシ 設備保全」サービスの開発を行っている澤木です。 今回はReact Router v7でReadableStreamを利用したデータの逐次表示を実装する方法について紹介します。 現在私たちのチームではLLMを使った機能開発を行っているのですが、LL
React Server Componentsの脆弱性 CVE-2025-55182（React2Shell）についてまとめてみた。 - piyolog 🔖 65
2025年12月3日、JavaScriptライブラリ Reactを開発するThe React Teamは、React Server Componentsに深刻な脆弱性が確認されたとして脆弱性情報を公開し、修正版への更新を案内しました。ここでは関連する情報をまとめます。 どんな脆弱
React Router v7でLLMのストリーミングレスポンスを実装する 🔖 26
こんにちは。カミナシで「カミナシ 設備保全」サービスの開発を行っている澤木です。 今回はReact Router v7でReadableStreamを利用したデータの逐次表示を実装する方法について紹介します。 現在私たちのチームではLLMを使った機能開発を行っているのですが、LL
React Router v7でLLMのストリーミングレスポンスを実装する 🔖 26
こんにちは。カミナシで「カミナシ 設備保全」サービスの開発を行っている澤木です。 今回はReact Router v7でReadableStreamを利用したデータの逐次表示を実装する方法について紹介します。 現在私たちのチームではLLMを使った機能開発を行っているのですが、LL
Zustand vanilla store を使って通話ロジックを React から分離した話 🔖 1
!この記事は みんなが知らないIVRy！ Advent Calendar 2025 の8日目の記事になります。昨日は堀田さんの「IVRy、エンジニア入りまくってるイメージ。実際いまどんな感じ？」2025年末編でした。明日は富士さんの記事が公開予定です。株式会社IVRy（アイ