React 19.2の<Activity />を触ってみた

2025.10 Mita.tsの資料です

Transcript

1. React 19.2 ~<Activity /> ²ï sv tenshin_y
2. ¯?}Ï ]_ÿamkkr Instagram V÷ôüû~Ÿ~{õûµ´¿û¸ó¸û²xwvÓò _÷wEdTech ~ùóñóüw1Õ^o~ÿ´ÿûûv~óWeb ²÷ ú²Ÿ~wvt~w X: @ama_O255
3. <Activity/> x_{ React 19.2 w^/u¼õýw1³óýüýóø~ökûv²}}Ww~ y2ßg~Props Drilling xwv1¸º]zt³üùßw/?ök²ßcw }»sx|{ÿwy2 }_ù½õñóø: react.dev/reference/react/Activity
4. úúü¹f{ÿ}ÿssûÞ ¿öx{òüÀû~ök²ßs~~Wºÿx´Ÿ|w}»qy.. Îöÿ gþÞ}üóÀúó°w¸}ÿ
5. gþÞ}üóðúó°pxs¼~w ³óýüýóø|ßy{²óþ¶óøu¼» õ¹üð~/?Õû|íx» ¹¿ýüûO|ú»óøu¼» ÷ü¿²refetch y»ß‰|r»
6. ߛwv» s³zúü¸wzîw2yy v~¿ö{ - »¶ó¿ü - ö½¹øõ³üûù ²c{v~y2 ôÛ React Vite Deno ~ërwy2
7. ß͏: ³üùß~Õt ߟ~³üù²}¾wúý¸øú²}Ÿwvt~y2 ßg~ßÍ ¿ö²Wºÿxv²/?²ßcu{¸vxy»xstate ûv |ºww³yzº|q2 ÷ý¸·¿ø~Yuûv~ûüû´1/?²yvv{{ ¸svProps Drilling _Ü|~owºwv1w³yu|r »2 AI {ÿ{vs¼|zûwu¼³ PropsDrillingMode.tsx Activity {o Activity API ²owßÍ ¿ötx{state x{x¿±vßcy»sx²2ÿ{2 ActivityMode.tsx úý¸øú: #https://github.com/amkkr/deno-react-vite
8. Activity API ~{ù /?ßcwtf{1 šÿß~Z ßgw1³üùß²¹ys x|w}»Î2 Ÿ~_›~UN ·ó÷ûzßÍ{¸º1ßÛg xÿ¯g|UNw~y2
9. ݉zìoù ñõ¹üþó¹x~ÿ ²óþ¶óøß²ök||ìu¼ztxtv{g|rº~y2s ¼{¸º1ñòúoß|ßòw1²÷ú±ü·÷ó|Ýz» ÿýg|rº~y2 ök~|ÿW ³óýüýóø|²óþ¶óøu¼v²1/?ökßcu¼ÿq~ y2 ñòúûv{ìo /kz²÷ú±ü·÷ów1ñòúúü¿~ú¹¿²ƒow¯ Š|߉wy2 ùWzo|¯²¿}±» yyv~±ü¹woûwrº~{³2÷ý¸·¿ø~‰þ{ßxv víw~w·v2
10. toôrº|xvtvt~w õwt²~²ï»³¹ø|LLM woÿ¼ñ
    wOzszxÿw~y