jotaiã«ã‚ˆã‚‹Reactå†å…¥é–€Reactã§ã®ã€Suspense以後ã®è¨è¨ˆã«ä¸æ…£ã‚Œãªæ–¹ã«å‘ã‘ã¦ã€Suspenseã®æ´»ç”¨æ³•ã‚’jotaiを通ã˜ã¦è§£èª¬ã—ã¾ã™ã€‚
脆弱性ãŒæ€–ã„人ã§ã‚‚RSCを活用ã™ã‚‹æ–¹æ³• - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 皆ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚ã“ã‚Œã¯æ ªå¼ä¼šç¤¾ã‚«ã‚ªãƒŠãƒ“ Advent Calendar 2025ã®22日目（シリーズ3）ã®è¨˜äº‹ã§ã™ã€‚ 今月ã¯ã€RSC (React Server Components)ã®è„†å¼±æ€§ãŒè©±é¡Œã«ãªã‚Šã¾ã—ãŸã。 ã“ã‚Œã«ã‚ˆã‚Šã€ä¸–é–“ã§ã¯RSCã¸ã®ä¸ä¿¡æ„ŸãŒå¢—大ã—ã¦ã„るよã†ã§ã™ã€‚ãã®ãŸã‚ã€è„±RSCã€ã•ã‚‰ã«éŽæ¿€ãªäººã¯è„±Reactã¨ã„ã£ãŸå‹•ããŒä¸»å¼µã•ã‚Œã¦ã„ã¾ã™ã€‚ ã„ããªã‚Šã¾ã¨ã‚ ã—ã‹ã—実ã¯ã€è„†å¼±æ€§ãŒæ€–ã„人ã§ã‚‚RSCを活用ã§ãã¾ã™ã€‚サーãƒãƒ¼ã‚’ç«‹ã¦ãªã‘ã‚Œã°ã„ã„ã®ã§ã™ã€‚ åå‰ã‹ã‚‰èª¤è§£ã•ã‚ŒãŒã¡ã§ã™ãŒï¼ˆã¨ã„ã†ã‹èª¤è§£ã‚’生むåå‰ã§ã™ãŒï¼‰ã€ã‚µãƒ¼ãƒãƒ¼ã‚’ç«‹ã¦ãªã
Introducing RSC Explorer — overreacted
In the past few weeks, since the disclosure of the critical security vulnerability in React Server Components (RSC), there’s been a lot of interest in the RSC protocol. The RSC protocol is the format in which React trees (and a superset of JSON) get serialized and deserialized by React. React provides both a writer and a reader for the RSC protocol, which are versioned and evolved in lockstep with
Directives and the Platform Boundary | TanStack Blog
by Tanner Linsley on 2025-10-24T00:00:00.000Z. A Quiet Trend in the JavaScript Ecosystem For years, JavaScript has had exactly one meaningful directive, "use strict". It is standardized, enforced by runtimes, and behaves the same in every environment. It represents a clear contract between the language, the engines, and developers. But now we are watching a new trend emerge. Frameworks are inventi
Reactã®ãƒ‡ãƒ¼ã‚¿å†å–å¾—ã€ã‚¿ã‚¤ãƒ スタンプã§ç®¡ç†ã™ã‚‹ã¨å®£è¨€çš„ã«ãªã‚‹è©±ã€AI生æˆã€‘
ã“ã®è¨˜äº‹ã¯ã€AIãŒç”Ÿæˆã—ãŸè¨˜äº‹ã‚’ç„¡ä¿®æ£ã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚投稿者（人間）ã®æ™®æ®µã®ä½œé¢¨ãƒ»æ„見ã¨ç•°ãªã‚‹ç‚¹ã‚„内容ã®ç²—ã‚‚ã‚ã‚Šã¾ã™ãŒã€æŠ€è¡“記事ã¨ã—ã¦å…¬é–‹ã™ã‚‹ã«è¶³ã‚‹ã‚¯ã‚ªãƒªãƒ†ã‚£ã§ã‚ã‚‹ã¨ã„ã†æŠ•ç¨¿è€…ã®åˆ¤æ–ã¨è²¬ä»»ã«ã‚ˆã‚ŠæŠ•ç¨¿ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ãŸã ã—ã€è¨˜äº‹ã«å«ã¾ã‚Œã‚‹ã€çµŒé¨“ã«åŸºã¥ãエピソードã¯å…¨ã¦AIã«ã‚ˆã‚‹å‰µé€ ã§ã‚る点ã¯ã”了承ãã ã•ã„。 ã¡ãªã¿ã«ã€è¨˜äº‹ã®ç”Ÿæˆã¯äº‹å‰ã«ç”¨æ„ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã«åŸºã¥ãã€äººé–“ãŒè¨˜äº‹ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¨çµè«–を与ãˆã¦AI (Claude Code) ãŒå‡ºåŠ›ã—ãŸã‚‚ã®ã§ã‚ã‚Šã€å‡ºåŠ›çµæžœã«å¯¾ã™ã‚‹è¿½åŠ ã®ä¿®æ£ä¾é ¼ãªã©ã¯è¡Œã‚ãªã„一発撮りã§ã™ã€‚ 皆ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚最近ã€ãƒ‡ãƒ¼ã‚¿å†å–å¾—ã®å®Ÿè£…パターンã«ã¤ã„ã¦è€ƒãˆã¦ã„ã¦ã€é¢ç™½ã„æ°—ã¥ããŒã‚ã£ãŸã®ã§å…±æœ‰ã—ã¾ã™ã€‚ Reactã§ãƒ‡ãƒ¼ã‚¿ã‚’å†å–å¾—ã—ãŸã„ã¨ãã€æ™®é€šã¯refetch()ã¿ãŸã„ãªé–¢æ•°ã‚’呼ã¶å®Ÿè£…ã«ãªã‚Šã¾ã™ã€‚ボタンを押ã—ãŸã‚‰ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–ã‚Šç›´ã™ã€ã¿ãŸã„ãªã‚„ã¤ã§ã™ã€‚ã§ã‚‚ã€ã“ã‚Œã£
å°æ‰‹å…ˆã«è¦‹ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã‚‚ã€å®Ÿã¯Reactçš„ã«è€ƒãˆã‚‰ã‚Œã‚‹
皆ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚Reactã€ä½¿ã£ã¦ã„ã¾ã™ã‹ï¼Ÿã€€Reactを″æ£ã—ãâ€ä½¿ã†ã“ã¨ã¯é›£ã—ã„ã¨æ„Ÿã˜ã‚‹æ–¹ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 特ã«ç†è€…ã¯Reactã®æ£ã—ã„使ã„æ–¹ã«åŽ³ã—ãã€ã“ã‚“ãªè¨˜äº‹ã‚‚出ã—ã¦ã„ã¾ã™ã€‚熟練ã®React使ã„ã§ã‚‚ãªã‘ã‚Œã°ã€ã“ã®è¨˜äº‹ã‚’èªã‚“ã§é›£ã—ã„ã¨æ€ã†ã®ã‚‚仕方ãŒã‚ã‚Šã¾ã›ã‚“。 useEffectã«é–¢ã—ã¦ã¯ã€Reactå…¬å¼ã®ãƒ‰ã‚ュメントã§ã‚‚「ãã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ä¸è¦ã‹ã‚‚ã€ã¨ã„ã†ãƒšãƒ¼ã‚¸ãŒã‚ã‚Šã€useEffectを使ã£ã¦ã—ã¾ã„ãŒã¡ã ãŒã€useEffectã®ä½¿ç”¨ãŒé©ã—ã¦ã„ãªã„å ´é¢ã«ã¤ã„ã¦è§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã®ç›®çš„ 上記ã®å…¬å¼ãƒ‰ã‚ュメントã§è§£èª¬ã•ã‚Œã¦ã„ã‚‹ä¸ã§ã‚‚keyを使ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆã‚ã¨ã§ã“ã®è¨˜äº‹ã§ã‚‚説明ã—ã¾ã™ï¼‰ã«é–¢ã—ã¦ã¯ã€ä»Šã‚ˆã‚Šæœªç†Ÿã ã£ãŸæ˜”ã®ç†è€…ã¯ã€ã‚ã¾ã‚Šè‰¯ãæ€ã£ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ãªãœãªã‚‰ã€ãれ㌠「Reactらã—ããªã„ã€å°æ‰‹å…ˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ ã«è¦‹ãˆãŸã‹ã‚‰ã§ã™ã€‚ ã—ã‹ã—ã€ã‚ˆãよã考ãˆã‚Œã°ã€
RSCã®æ™‚代ã«Reactã¨ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®å¢ƒç•Œã‚’探る
2025-09-06 フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹åŒ—æµ·é“2025
React 関連ã®å‚考ã«ãªã‚‹è¨˜äº‹ã¾ã¨ã‚ - Qiita
React 関連ã®å‚考ã«ãªã‚‹è¨˜äº‹ã¾ã¨ã‚åˆå¦è€…・ä¸ç´šè€…㌠React ã‚’ã†ã¾ã使ã†ãŸã‚ã«ã€å‚考ã«ã—ã¦ã»ã—ã„良記事を集ã‚ã¾ã—ãŸã€‚React ã§ã®é–‹ç™ºã§ä½¿ãˆã‚‹ã‚‚ã®ã§ã‚れ㰠Web 一般ã®ã‚‚ã®ã‚‚å«ã¿ã¾ã™ã€‚ 自分ã®è¨˜äº‹ãŒå¤šã‚ã§ã™ã€‚ Reactフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
知られã–ã‚‹props命åã®æ…£ç¿’ アクション編
2025-08-27 Findy TECH BATON「実践Next.jsï¼AIアウトプットã¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã€ 最新事情 LT
Reactãƒ•ã‚©ãƒ«ãƒ€æ§‹é€ ã®æœ€é©è§£ã€‚コンãƒãƒ¼ãƒãƒ³ãƒˆã®æ•°ã«åˆã‚ã›ã¦é¸ã¶åŸºæœ¬æ–¹é‡ | レãƒãƒ†ãƒƒã‚¯ãƒ©ãƒœï¼ˆãƒ¬ãƒãƒ†ãƒƒã‚¯LAB）
åŸ·ç† ä¸å· 幸哉 有é™ä¼šç¤¾ WINGSプãƒã‚¸ã‚§ã‚¯ãƒˆãŒé‹å–¶ã™ã‚‹ã€ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«åŸ·ç†ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ï¼ˆä»£è¡¨ 山田祥寛）ã«æ‰€å±žã™ã‚‹ãƒ†ã‚¯ãƒ‹ã‚«ãƒ«ãƒ©ã‚¤ã‚¿ãƒ¼ã€‚新潟県上越市出身。会津大å¦ã‚³ãƒ³ãƒ”ュータç†å·¥å¦éƒ¨å’æ¥å¾Œã€ç¾åœ¨ã¯æ–°æ½Ÿå¸‚ã«åœ¨ä½ã€‚Reactã‚„Androidを軸ã«ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発やWebサイト制作ã€Webメディア編集部ã®æ¥å‹™æ”¹å–„ã‚„ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æŠ€è¡“記事ã®åŸ·ç†ç‰ã«æºã‚ã£ã¦ã„る。著書ã«ã€ŒãŸã£ãŸ1æ—¥ã§åŸºæœ¬ãŒèº«ã«ä»˜ã! Androidアプリ開発超入門ã€ï¼ˆæŠ€è¡“評論社）ã€ã€ŒåŸºç¤Žã‹ã‚‰å¦ã¶ React Native入門ã€ï¼ˆç¿”泳社）他。 監修 山田 祥寛 é™å²¡çœŒæ¦›åŽŸç”ºç”Ÿã¾ã‚Œã€‚一橋大å¦çµŒæ¸ˆå¦éƒ¨å’æ¥å¾Œã€NECã«ã¦ã‚·ã‚¹ãƒ†ãƒ ä¼ç”»æ¥å‹™ã«æºã‚ã‚‹ãŒã€2003å¹´4月ã«å¿µé¡˜ã‹ãªã£ã¦ãƒ•ãƒªãƒ¼ãƒ©ã‚¤ã‚¿ãƒ¼ã«è»¢èº«ã€‚Microsoft MVP for Visual Studio and Development Technologies。執ç†ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€Œ
The History of React Through Code
Post contents React is a strange web development framework. I've found that many of their APIs require a specific mindset to use them properly; why is that? I had this very same question myself for years and years of using React until one day, something clicked. A culmination of years of listening to the React core team's communication mixed with observations of the tools' natural evolution finall
Why Does RSC Integrate with a Bundler? — overreacted
'use client'; import { useState, useEffect } from 'react'; export function Counter({ initialCount }) { const [count, setCount] = useState(initialCount); // ... } How does one serialize a module? #Serializing Modules Recall that we want to revive an actual <Counter> on the other side of the wire—so we don’t just want a snapshot of it. We want its entire logic for interactivity! One way to serialize
One Roundtrip Per Navigation — overreacted
How many requests should it take to navigate to another page? In the simplest case, a navigation is resolved in a single request. You click a link, the browser requests the HTML content for the new URL, and then displays it. In practice, a page might also want to display some images, load some client-side JavaScript, load some extra styles, and so on. So there’ll be a bunch of requests. Some will
Wake up, Remix!
At React Conf last summer we announced that Remix was going to "take a nap". Remix v2 had become such a thin wrapper around React Router that an artificial separation developed between the two projects. We simplified the projects by moving the bundler and server runtime code from Remix directly into React Router v7, merging everything that made Remix great into React Router v7 “framework modeâ€. We
Reactコンãƒãƒ¼ãƒãƒ³ãƒˆãŒã€Œç´”粋ã§ã‚ã‚‹ã€ã¨ã¯ã©ã†ã„ã†ã“ã¨ã‹ï¼Ÿã€€ä¸å¯§ãªè§£èª¬
Reactã«ãŠã„ã¦ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ç´”粋ã§ã‚ã‚‹ã¹ãã ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯Reactã®ãƒ«ãƒ¼ãƒ«ã®ä¸€éƒ¨ã§ã‚ã‚Šã€ãƒ«ãƒ¼ãƒ«ã‚’守らãšã«éžç´”粋ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’作ã£ãŸå ´åˆã€ã•ã¾ã–ã¾ãªä¸éƒ½åˆãŒç™ºç”Ÿã™ã‚‹æã‚ŒãŒã‚ã‚Šã¾ã™ã€‚ 書ã„ãŸé€šã‚Šã®æŒ™å‹•ã«ãªã‚‰ãªã„（よã†ã«è¦‹ãˆã‚‹ï¼‰ 今ã¯ã†ã¾ãå‹•ã„ã¦ã„ãŸã¨ã—ã¦ã‚‚ã€é–¢ä¿‚ãªã„箇所を修æ£ã™ã‚‹ã¨æ€¥ã«å£Šã‚Œã‚‹ 最é©åŒ–（React Compiler）ã«ã‚ˆã£ã¦æŒ™å‹•ãŒå¤‰ã‚ã‚Šã€ãƒã‚°ã®åŽŸå› ã¨ãªã‚‹ Reactã®æ–°æ©Ÿèƒ½ã¨äº’æ›æ€§ãŒç„¡ããªã‚Šã€æ–°æ©Ÿèƒ½ã®æ©æµã‚’å—ã‘られãªããªã‚‹ Reactã®ã‚¢ãƒƒãƒ—デートã§å£Šã‚Œã¦ã—ã¾ã£ãŸã‚Šã€ç ´å£Šçš„変更ã®å½±éŸ¿ã‚’å—ã‘ãŸã‚Šã™ã‚‹ å˜ç´”ã«ã‚³ãƒ¼ãƒ‰ã®å¯èªæ€§ãŒä½Žä¸‹ã—ã€ä¿å®ˆæ€§ãŒæ‚ªåŒ–ã™ã‚‹ ã§ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒ “純粋†ã§ã‚ã‚‹ã¨ã¯ã€å…·ä½“çš„ã«ã©ã†ã„ã†ã“ã¨ã‚’指ã™ã®ã§ã—ょã†ã‹ã€‚Reactを使ã„ã“ãªã—ã¦ã„る人ã¯çµŒé¨“çš„ã«ã“ã®ã“ã¨ã‚’ç†è§£ã—ã¦ã„ã¾ã™ãŒã€æ£ç¢ºã«èª¬æ˜Žã—ã‚ã¨è¨€ã‚れるã¨å›°ã‚‹äººã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - gaearon/rscexplorer: A tool for people curious about the React Server Components protocol
React ã«ãŠã‘ã‚‹ children ã¯éžæŽ¨å¥¨ã§ã¯ãªã„（éžæŽ¨å¥¨ãªã®ã¯ Children） - Qiita
Stan
React Just
GitHub - liveblocks/frimousse: A lightweight, unstyled, and composable emoji picker for React.
{{#tags}}- {{label}}
{{/tags}}