diff --git a/404.html b/404.html index c7c5b6e..f161d1b 100644 --- a/404.html +++ b/404.html @@ -6,7 +6,7 @@ React 19 - 这波能反杀 - + diff --git a/assets/index-j9_fwNZl.js b/assets/index-CDTvDQFh.js similarity index 99% rename from assets/index-j9_fwNZl.js rename to assets/index-CDTvDQFh.js index 28baddd..5920eb9 100644 --- a/assets/index-j9_fwNZl.js +++ b/assets/index-CDTvDQFh.js @@ -8784,7 +8784,10 @@ export async function likeApi(message) { `,t.jsx(e.h3,{children:"最后"}),` `,t.jsxs(e.p,{children:["学习与进步是一个需要持续不断做下去的事情。在写这本小册的过程中,我也收获了大量的新的知识。我的进步非常大。很庆幸我自己可以",t.jsx(e.strong,{children:"很纯粹"}),"的做完这个事情。也希望自己能够长期保持下去,摈弃掉一些外界乱七八糟的杂念与内耗,持续学习,持续进步,以此与大家共勉。"]}),` `,t.jsxs(e.p,{children:["小册目前价格:",t.jsx(e.strong,{children:"30 元"})]}),` -`,t.jsxs(e.p,{children:["购买方式:添加我的微信 ",t.jsx(e.code,{children:"icanmeetu"})," 微信转账即可,获得激活码即可阅读所有内容"]})]})}function y9(n={}){const{wrapper:e}=n.components||{};return e?t.jsx(e,{...n,children:t.jsx(vp,{...n})}):vp(n)}function bp(){return t.jsx(rt,{isAuth:!1,renderArticle:n=>t.jsx(y9,{components:{code:n}})})}const Vx=[{path:"formaction/end",name:"附录:完结感言",component:bp},{type:"tip",name:"前言"},{path:"index",name:"1、开发方式变革",component:F5},{path:"layers",name:"2、学习的三个层次",component:m4},{path:"create",name:"3、创建项目",component:b4},{type:"tip",name:"use(promise)"},{path:"use/base",name:"3、use 基础知识",component:z4},{path:"use/suspense",name:"4、Suspense",component:ty},{path:"use/update",name:"5、点击更新数据",component:vy},{path:"use/initialize",name:"6、初始化请求并更新",component:Ly},{path:"use/updatetolist",name:"7、请求并新增到列表",component:Wy},{path:"use/loadmore",name:"8、分页列表加载更多",component:u3},{path:"use/search",name:"9、搜索",component:N3},{path:"use/tabs",name:"10、tab 简单切换",component:M3,label:"1"},{path:"use/tabshard",name:"11、tab 缓存切换",component:Z3,label:"2"},{path:"use/fromchildren",name:"12、父级获取数据",component:a6,label:"3"},{path:"use/nest",name:"13、Suspense 嵌套",component:h6},{path:"use/react16",name:"14、在低版本中使用",component:k6},{type:"tip",name:"use(context)"},{path:"use/ref",name:"15、ref 调整",component:V6},{path:"use/modal",name:"16、自定义弹窗组件",component:P6},{path:"use/contextmodify",name:"17、弹窗中更改内容",component:r7},{path:"use/skinswitch",name:"18、皮肤切换次数",component:g7},{type:"tip",name:"并发 API"},{path:"use/deferred",name:"19、useDeferredValue",component:L7},{path:"use/transition",name:"20、useTransition",component:F7},{type:"tip",name:"Compiler"},{path:"use/importwith19",name:"21、React 19 中引入",component:sN},{path:"use/importwithlower",name:"22、低版本中引入",component:cN},{path:"use/importwithwebpack",name:"23、webpack中引入",component:pN},{path:"use/compilerbase",name:"24、Compiler 编译原理",component:vN},{path:"use/compilercount",name:"25、收益分析-递增",component:_N},{path:"use/compilerexpensive",name:"26、收益分析-耗时子组件",component:TN},{path:"use/compilertabs",name:"27、收益分析-tabs",component:JN},{type:"tip",name:"form action"},{path:"formaction/base",name:"28、form 基础",component:FN},{path:"formaction/formdata",name:"29、FormData 基础",component:n8},{path:"formaction/action",name:"30、form action",component:c8},{path:"formaction/useformstatus",name:"31、useFormStatus",component:f8},{path:"formaction/useactionstate",name:"32、useActionState",component:C8},{path:"formaction/useoptimistic",name:"33、useOptimistic",component:B8,label:"1"},{path:"formaction/useoptimistic2",name:"33、useOptimistic",component:Q8,label:"2"},{path:"formaction/useoptimistic3",name:"33、useOptimistic",component:t9,label:"3"},{path:"formaction/useoptimistic4",name:"34、复杂案例",component:b9,label:"4"},{type:"tip",name:"后续闲谈"},{path:"formaction/end",name:"35、完结感言",component:bp}];function yp(){return t.jsx("div",{children:Vx.map((n,e)=>n.type==="tip"?t.jsx("div",{className:"mx-2 text-sm px-4 text-gray-400 first:pt-0 pb-4 pt-8",children:n.name},`z-${e}`):t.jsx(Cn,{className:"text-gray-700",activeName:"text-blue-700",to:n.path,children:t.jsxs("li",{className:"mx-2 px-4 py-3 transition hover:bg-blue-100 text-sm flex items-center justify-between hover:text-blue-700 rounded",children:[t.jsxs("div",{className:"flex items-center",children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-4",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"})}),t.jsx("div",{className:"ml-2 line-clamp-1",children:n.name})]}),n.label?t.jsx(F0,{label:n.label,primary:!0,className:"ml-2"}):null]},n.path)},n.path))})}function N9(){const n=ru(),e=f.useRef(new Map),s=iu(),{pathname:a}=is();f.useReducer(r=>!r)[1];const l=f.useRef(null);return e.current.has(a)||e.current.set(a,s),f.useEffect(()=>{location.pathname==="/tutorial"&&n("index")},[a]),t.jsxs("div",{className:"pt-16 md:flex",children:[t.jsx(le,{signal:!0,className:"fixed bottom-6 right-6 z-40 md:hidden",onClick:()=>l.current.show(),children:"目录"}),t.jsx(ti,{ref:l,onClose:()=>l.current.close(),children:t.jsx("div",{className:"bg-white h-full py-4 overflow-scroll",children:t.jsx(yp,{})})}),t.jsxs("nav",{className:"hidden md:block w-60 sticky top-16 h-[calc(100vh_-_5rem)] overflow-y-auto bg-hei",children:[t.jsxs("div",{className:"flex items-center px-4 py-8",children:[t.jsx("div",{className:"flex items-center justify-between p-1 border mr-3 rounded-md border-cyan-200",children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",className:"size-5 text-cyan-500",children:t.jsx("path",{fillRule:"evenodd",d:"M19.5 21a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-5.379a.75.75 0 0 1-.53-.22L11.47 3.66A2.25 2.25 0 0 0 9.879 3H4.5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h15Zm-6.75-10.5a.75.75 0 0 0-1.5 0v4.19l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V10.5Z",clipRule:"evenodd"})})}),t.jsxs("div",{className:"text-sm",children:[t.jsx("div",{children:"当前版本"}),t.jsx("div",{className:"text-gray-500",children:"React@19.0.0-rc"})]})]}),t.jsx("ul",{className:"border-r h-[calc(100vh_-_9rem_-_35px)] overflow-y-auto pb-8",children:t.jsx(yp,{})})]}),t.jsx("div",{className:"md:flex-1 md:w-[calc(100vw_-_15rem)] p-4 md:p-8 min-h-[calc(100vh_-_5rem)] box-border",children:Array.from(e.current).map(([r,i])=>t.jsx("div",{style:{display:a===r?"block":"none"},children:i},r))})]})}function Np(n){const e={code:"code",p:"p",pre:"pre",...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(e.p,{children:"基础使用"}),` +`,t.jsxs(e.p,{children:["购买方式:添加我的微信 ",t.jsx(e.code,{children:"icanmeetu"})," 微信转账即可,获得激活码即可阅读所有内容"]}),` +`,t.jsxs(e.blockquote,{children:[` +`,t.jsx(e.p,{children:"为了大家能够更加快速的消化本文内容,后续我会在付费群中,直播为大家讲解本小册的内容,欢迎大家进群关注。后进群的朋友可以在群公告中看到录播视频"}),` +`]})]})}function y9(n={}){const{wrapper:e}=n.components||{};return e?t.jsx(e,{...n,children:t.jsx(vp,{...n})}):vp(n)}function bp(){return t.jsx(rt,{isAuth:!1,renderArticle:n=>t.jsx(y9,{components:{code:n}})})}const Vx=[{path:"formaction/end",name:"附录:完结感言",component:bp},{type:"tip",name:"前言"},{path:"index",name:"1、开发方式变革",component:F5},{path:"layers",name:"2、学习的三个层次",component:m4},{path:"create",name:"3、创建项目",component:b4},{type:"tip",name:"use(promise)"},{path:"use/base",name:"3、use 基础知识",component:z4},{path:"use/suspense",name:"4、Suspense",component:ty},{path:"use/update",name:"5、点击更新数据",component:vy},{path:"use/initialize",name:"6、初始化请求并更新",component:Ly},{path:"use/updatetolist",name:"7、请求并新增到列表",component:Wy},{path:"use/loadmore",name:"8、分页列表加载更多",component:u3},{path:"use/search",name:"9、搜索",component:N3},{path:"use/tabs",name:"10、tab 简单切换",component:M3,label:"1"},{path:"use/tabshard",name:"11、tab 缓存切换",component:Z3,label:"2"},{path:"use/fromchildren",name:"12、父级获取数据",component:a6,label:"3"},{path:"use/nest",name:"13、Suspense 嵌套",component:h6},{path:"use/react16",name:"14、在低版本中使用",component:k6},{type:"tip",name:"use(context)"},{path:"use/ref",name:"15、ref 调整",component:V6},{path:"use/modal",name:"16、自定义弹窗组件",component:P6},{path:"use/contextmodify",name:"17、弹窗中更改内容",component:r7},{path:"use/skinswitch",name:"18、皮肤切换次数",component:g7},{type:"tip",name:"并发 API"},{path:"use/deferred",name:"19、useDeferredValue",component:L7},{path:"use/transition",name:"20、useTransition",component:F7},{type:"tip",name:"Compiler"},{path:"use/importwith19",name:"21、React 19 中引入",component:sN},{path:"use/importwithlower",name:"22、低版本中引入",component:cN},{path:"use/importwithwebpack",name:"23、webpack中引入",component:pN},{path:"use/compilerbase",name:"24、Compiler 编译原理",component:vN},{path:"use/compilercount",name:"25、收益分析-递增",component:_N},{path:"use/compilerexpensive",name:"26、收益分析-耗时子组件",component:TN},{path:"use/compilertabs",name:"27、收益分析-tabs",component:JN},{type:"tip",name:"form action"},{path:"formaction/base",name:"28、form 基础",component:FN},{path:"formaction/formdata",name:"29、FormData 基础",component:n8},{path:"formaction/action",name:"30、form action",component:c8},{path:"formaction/useformstatus",name:"31、useFormStatus",component:f8},{path:"formaction/useactionstate",name:"32、useActionState",component:C8},{path:"formaction/useoptimistic",name:"33、useOptimistic",component:B8,label:"1"},{path:"formaction/useoptimistic2",name:"33、useOptimistic",component:Q8,label:"2"},{path:"formaction/useoptimistic3",name:"33、useOptimistic",component:t9,label:"3"},{path:"formaction/useoptimistic4",name:"34、复杂案例",component:b9,label:"4"},{type:"tip",name:"后续闲谈"},{path:"formaction/end",name:"35、完结感言",component:bp}];function yp(){return t.jsx("div",{children:Vx.map((n,e)=>n.type==="tip"?t.jsx("div",{className:"mx-2 text-sm px-4 text-gray-400 first:pt-0 pb-4 pt-8",children:n.name},`z-${e}`):t.jsx(Cn,{className:"text-gray-700",activeName:"text-blue-700",to:n.path,children:t.jsxs("li",{className:"mx-2 px-4 py-3 transition hover:bg-blue-100 text-sm flex items-center justify-between hover:text-blue-700 rounded",children:[t.jsxs("div",{className:"flex items-center",children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-4",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"})}),t.jsx("div",{className:"ml-2 line-clamp-1",children:n.name})]}),n.label?t.jsx(F0,{label:n.label,primary:!0,className:"ml-2"}):null]},n.path)},n.path))})}function N9(){const n=ru(),e=f.useRef(new Map),s=iu(),{pathname:a}=is();f.useReducer(r=>!r)[1];const l=f.useRef(null);return e.current.has(a)||e.current.set(a,s),f.useEffect(()=>{location.pathname==="/tutorial"&&n("index")},[a]),t.jsxs("div",{className:"pt-16 md:flex",children:[t.jsx(le,{signal:!0,className:"fixed bottom-6 right-6 z-40 md:hidden",onClick:()=>l.current.show(),children:"目录"}),t.jsx(ti,{ref:l,onClose:()=>l.current.close(),children:t.jsx("div",{className:"bg-white h-full py-4 overflow-scroll",children:t.jsx(yp,{})})}),t.jsxs("nav",{className:"hidden md:block w-60 sticky top-16 h-[calc(100vh_-_5rem)] overflow-y-auto bg-hei",children:[t.jsxs("div",{className:"flex items-center px-4 py-8",children:[t.jsx("div",{className:"flex items-center justify-between p-1 border mr-3 rounded-md border-cyan-200",children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",className:"size-5 text-cyan-500",children:t.jsx("path",{fillRule:"evenodd",d:"M19.5 21a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-5.379a.75.75 0 0 1-.53-.22L11.47 3.66A2.25 2.25 0 0 0 9.879 3H4.5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h15Zm-6.75-10.5a.75.75 0 0 0-1.5 0v4.19l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V10.5Z",clipRule:"evenodd"})})}),t.jsxs("div",{className:"text-sm",children:[t.jsx("div",{children:"当前版本"}),t.jsx("div",{className:"text-gray-500",children:"React@19.0.0-rc"})]})]}),t.jsx("ul",{className:"border-r h-[calc(100vh_-_9rem_-_35px)] overflow-y-auto pb-8",children:t.jsx(yp,{})})]}),t.jsx("div",{className:"md:flex-1 md:w-[calc(100vw_-_15rem)] p-4 md:p-8 min-h-[calc(100vh_-_5rem)] box-border",children:Array.from(e.current).map(([r,i])=>t.jsx("div",{style:{display:a===r?"block":"none"},children:i},r))})]})}function Np(n){const e={code:"code",p:"p",pre:"pre",...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(e.p,{children:"基础使用"}),` `,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-html",children:` `})}),` `,t.jsx("div",{children:t.jsx(le,{children:"hello button"})}),` diff --git a/index.html b/index.html index c7c5b6e..f161d1b 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ React 19 - 这波能反杀 - + diff --git a/stats.html b/stats.html index aa91433..01f6518 100644 --- a/stats.html +++ b/stats.html @@ -4822,7 +4822,7 @@