2024\u5e7412\u67085\u65e5\u3001\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9JavaScript\u30e9\u30a4\u30d6\u30e9\u30eaReact\u306e\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3React 19\u306e\u5b89\u5b9a\u7248\u304c\u30ea\u30ea\u30fc\u30b9\u3055\u308c\u305f\u3002React 19\u306fnpm\u3067\u5229\u7528\u53ef\u80fd\u3068\u306a\u3063\u3066\u3044\u308b\uff0c<\/p>\n
React v19 is now stable!https:\/\/t.co\/zy12Y9Pbbv<\/p>\n
\u2014 React (@reactjs) December 5, 2024 <\/p>\n
React 19\u306e\u304a\u3082\u306a\u65b0\u6a5f\u80fd\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3002<\/p>\n
Actions
\n\u3053\u308c\u307e\u3067React\u30a2\u30d7\u30ea\u306e\u901a\u5e38\u306e\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u3067\u306f\u3001\u30c7\u30fc\u30bf\u306e\u5909\u66f4\u3092\u5b9f\u884c\u3057\u3001\u305d\u308c\u306b\u5fdc\u3058\u3066\u72b6\u614b\u3092\u66f4\u65b0\u3057\u3066\u3044\u305f\u3002\u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u540d\u524d\u3092\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3059\u308b\u3068\u3001API\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u9001\u4fe1\u3057\u305d\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u51e6\u7406\u3055\u308c\u308b\u3002\u3053\u306e\u5834\u5408\u3001\u4fdd\u7559\u72b6\u614b\u3001\u30a8\u30e9\u30fc\u3001optimistic updates\uff08\u697d\u89b3\u7684\u66f4\u65b0\u2060\uff09\u2060\u3001\u304a\u3088\u3073\u9806\u6b21\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u624b\u52d5\u3067\u51e6\u7406\u3059\u308b\u5fc5\u8981\u304c\u3042\u3063\u305f\u3002<\/p>\n
React 19\u3067\u306f\u3001\u9077\u79fb\u306e\u969b\u306b\u300cActions\u300d\u3068\u547c\u3070\u308c\u308b\u975e\u540c\u671f\u95a2\u6570\u3092\u4f7f\u7528\u3057\u3066\u3001\u4fdd\u7559\u72b6\u614b\u3001\u30a8\u30e9\u30fc\u3001\u30d5\u30a9\u30fc\u30e0\u306a\u3069\u3092\u81ea\u52d5\u3067\u51e6\u7406\u3059\u308b\u305f\u3081\u306e\u30b5\u30dd\u30fc\u30c8\u304c\u8ffd\u52a0\u3055\u308c\u305f\u3002\u975e\u540c\u671f\u9077\u79fb\u306f\u3059\u3050\u306bisPending\u30b9\u30c6\u30fc\u30bf\u30b9\u3092true\u306b\u8a2d\u5b9a\u3057\u3001\u975e\u540c\u671f\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u4f5c\u6210\u3001\u9077\u79fb\u5f8c\u306bisPending\u3092false\u306b\u5207\u308a\u66ff\u3048\u308b\u3002\u3053\u308c\u306b\u3088\u308a\u30c7\u30fc\u30bf\u304c\u5909\u66f4\u3055\u308c\u3066\u3044\u308b\u9593\u3082\u3001UI\u306e\u5fdc\u7b54\u6027\u3068\u5bfe\u8a71\u6027\u3092\u7dad\u6301\u3067\u304d\u308b\u3068\u3044\u3046\u3002<\/p>\n
useActionState
\nActions\u306e\u5909\u66f4\u306b\u3068\u3082\u306a\u3063\u3066\u8ffd\u52a0\u3055\u308c\u305f\u65b0\u3057\u3044API\u30d5\u30c3\u30af\u3002\u30e9\u30c3\u30d7\u3055\u308c\u305f\u30a2\u30af\u30b7\u30e7\u30f3\u304c\u547c\u3073\u51fa\u3055\u308c\u308b\u3068\u3001useActionState\u306f\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u6700\u5f8c\u306e\u7d50\u679c\u3092\u30c7\u30fc\u30bf\u3068\u3057\u3066\u8fd4\u3057\u3001\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u4fdd\u7559\u72b6\u614b\u3092\u4fdd\u7559\u3068\u3057\u3066\u8fd4\u3059\u3002<\/p>\n
Actions\u306f<\/p>\n
useFormStatus
\n\u3068\u4f75\u7528\u3055\u308c\u308b\u65b0\u3057\u3044\u30d5\u30c3\u30af\u3002\u6700\u5f8c\u306e\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u306e\u30b9\u30c6\u30fc\u30bf\u30b9\u60c5\u5831\u3092\u63d0\u4f9b\u3059\u308b\u3002\u30d5\u30a9\u30fc\u30e0\u304c\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u9001\u4fe1\u4e2d\u304b\u3069\u3046\u304b\u3092\u793a\u3059pending\u30d7\u30ed\u30d1\u30c6\u30a3\u306a\u3069\u306e\u60c5\u5831\u3092\u8fd4\u3059\u3002<\/p>\n
useOptimistic
\n\u975e\u540c\u671f\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u5b9f\u884c\u4e2d\u306b\u6700\u7d42\u72b6\u614b\u3092optimistic\u306b\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u30d5\u30c3\u30af\u3002<\/p>\n
use
\nrender\u3067\u30ea\u30bd\u30fc\u30b9\u3092\u8aad\u307f\u53d6\u308b\u305f\u3081\u306e\u65b0\u3057\u3044API\u3002 promise\u3092use\u3092\u4f7f\u7528\u3057\u3066\u8aad\u307f\u53d6\u308b\u3002promise\u304c\u89e3\u6c7a\u3055\u308c\u308b\u307e\u3067React\u306fSuspend\u3059\u308b\u3002<\/p>\n
\u305d\u306e\u4ed6\u306e\u65b0\u6a5f\u80fd\u3084\u6539\u826f\u70b9\u306fReeact Team\u306e\u30d6\u30ed\u30b0\u3092\u53c2\u7167\u3002\u307e\u305f\u3001React 19\u306e\u5c0e\u5165\u3084\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u306b\u3064\u3044\u3066\u306fReact 19 Upgrade Guide\u3092\u53c2\u7167\u3002<\/p>\n
\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a<\/p>\n","protected":false},"excerpt":{"rendered":"
2024\u5e7412\u67085\u65e5\u3001\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9JavaScript\u30e9\u30a4\u30d6\u30e9\u30eaReact\u306e\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3React 19\u306e\u5b89\u5b9a\u7248\u304c\u30ea\u30ea\u30fc\u30b9\u3055\u308c\u305f\u3002React 19\u306fnpm\u3067\u5229\u7528\u53ef\u80fd\u3068\u306a\u3063\u3066\u3044\u308b\uff0c React v19 <\/p>\n","protected":false},"author":2,"featured_media":2304922,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[762827],"tags":[763397,186060,38415,768280,762834,762833,521918,162246,763396,2662,762832],"class_list":{"0":"post-2304921","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-science-technology","8":"tag-gihyo-jp","9":"tag-javascript","10":"tag-react","11":"tag-react-19","12":"tag-science-technology","13":"tag-science-news","14":"tag-technology-news","15":"tag-162246","16":"tag-763396","17":"tag-2662","18":"tag-762832"},"share_on_mastodon":{"url":"https:\/\/wakoka.com\/@news\/113607664336627281","error":""},"_links":{"self":[{"href":"https:\/\/www.wacoca.com\/news\/wp-json\/wp\/v2\/posts\/2304921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wacoca.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wacoca.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wacoca.com\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wacoca.com\/news\/wp-json\/wp\/v2\/comments?post=2304921"}],"version-history":[{"count":0,"href":"https:\/\/www.wacoca.com\/news\/wp-json\/wp\/v2\/posts\/2304921\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wacoca.com\/news\/wp-json\/wp\/v2\/media\/2304922"}],"wp:attachment":[{"href":"https:\/\/www.wacoca.com\/news\/wp-json\/wp\/v2\/media?parent=2304921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wacoca.com\/news\/wp-json\/wp\/v2\/categories?post=2304921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wacoca.com\/news\/wp-json\/wp\/v2\/tags?post=2304921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}