ant-design/docs__react__use-with-umi.en-US.md.34892d57.async.js

"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[5289],{352615:function(d,a,n){n.r(a);var r=n(502143),v=n(968521),Z=n(720719),m=n(28840),_=n(759907),h=n(828089),p=n(825673),c=n(902068),g=n(574399),E=n(863942),P=n(316073),x=n(24628),O=n(719260),T=n(956140),D=n(127179),M=n(905388),C=n(40428),I=n(606965),f=n(268696),y=n(587302),t=n(424128),A=n(249706),L=n(795127),R=n(116846),B=n(212039),W=n(73024),U=n(553913),u=n(606641),i=n(667294),l=n(370917);function o(){var s=(0,u.eL)(),e=s.texts;return(0,l.tZ)(u.dY,null,(0,l.tZ)(i.Fragment,null,(0,l.tZ)("div",{className:"markdown"},(0,l.tZ)("p",null,e[0].value,(0,l.tZ)(t.Z,{href:"https://umijs.org/",sourceType:"a"},e[1].value),e[2].value),(0,l.tZ)("p",null,e[3].value),(0,l.tZ)("p",null,e[4].value,(0,l.tZ)(t.Z,{href:"https://pro.ant.design/",sourceType:"a"},e[5].value),e[6].value),(0,l.tZ)("h2",{id:"initialization-project"},(0,l.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#initialization-project",sourceType:"a"},(0,l.tZ)("span",{className:"icon icon-link"})),"Initialization Project"),(0,l.tZ)("p",null,e[7].value,(0,l.tZ)(t.Z,{href:"https://pnpm.io/",sourceType:"a"},e[8].value),e[9].value),(0,l.tZ)(_.Z,{lang:"bash"},e[10].value),(0,l.tZ)("blockquote",null,(0,l.tZ)("p",null,e[11].value,(0,l.tZ)("code",null,e[12].value),e[13].value,(0,l.tZ)("code",null,e[14].value),e[15].value,(0,l.tZ)("code",null,e[16].value),e[17].value,(0,l.tZ)("code",null,e[18].value),e[19].value)),(0,l.tZ)("p",null,e[20].value),(0,l.tZ)(_.Z,{lang:"bash"},e[21].value),(0,l.tZ)("p",null,e[22].value),(0,l.tZ)(_.Z,{lang:"bash"},e[23].value),(0,l.tZ)("p",null,e[24].value),(0,l.tZ)(_.Z,{lang:"bash"},e[25].value),(0,l.tZ)("p",null,e[26].value),(0,l.tZ)("p",null,e[27].value),(0,l.tZ)(_.Z,{lang:"bash"},e[28].value),(0,l.tZ)("p",null,(0,l.tZ)("code",null,e[29].value),e[30].value,(0,l.tZ)("code",null,e[31].value),e[32].value,(0,l.tZ)("code",null,e[33].value),e[34].value,(0,l.tZ)("code",null,e[35].value),e[36].value),(0,l.tZ)("p",null,e[37].value),(0,l.tZ)(_.Z,{lang:"bash"},e[38].value),(0,l.tZ)("p",null,e[39].value),(0,l.tZ)("p",null,(0,l.tZ)("img",{src:"https://img.alicdn.com/imgextra/i2/O1CN01hWo9eO1ji9BZ1YHju_!!6000000004581-2-tps-774-928.png",alt:""})),(0,l.tZ)("h2",{id:"create-new-routes"},(0,l.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#create-new-routes",sourceType:"a"},(0,l.tZ)("span",{className:"icon icon-link"})),"Create New Routes"),(0,l.tZ)("p",null,e[40].value),(0,l.tZ)("p",null,e[41].value),(0,l.tZ)(_.Z,{lang:"bash"},e[42].value),(0,l.tZ)("p",null,e[43].value,(0,l.tZ)("code",null,e[44].value),e[45].value),(0,l.tZ)(_.Z,{lang:"diff"},e[46].value),(0,l.tZ)("p",null,e[47].value,(0,l.tZ)(t.Z,{href:"https://umijs.org/docs/guides/routes",sourceType:"a"},e[48].value),e[49].value),(0,l.tZ)("p",null,e[50].value,(0,l.tZ)("code",null,e[51].value),e[52].value,(0,l.tZ)("code",null,e[53].value),e[54].value),(0,l.tZ)(_.Z,{lang:"diff"},e[55].value),(0,l.tZ)("p",null,e[56].value,(0,l.tZ)(t.Z,{href:"http://localhost:8000/products",sourceType:"a"},e[57].value),e[58].value),(0,l.tZ)("p",null,(0,l.tZ)("img",{src:"https://img.alicdn.com/imgextra/i2/O1CN01aNdyVG1bEMV7WEmBv_!!6000000003433-2-tps-712-276.png",alt:""})),(0,l.tZ)("h2",{id:"implementing-product-ui-components"},(0,l.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#implementing-product-ui-components",sourceType:"a"},(0,l.tZ)("span",{className:"icon icon-link"})),"Implementing Product UI components"),(0,l.tZ)("p",null,e[59].value),(0,l.tZ)("p",null,e[60].value,(0,l.tZ)("code",null,e[61].value),e[62].value),(0,l.tZ)(_.Z,{lang:"tsx"},e[63].value),(0,l.tZ)("h2",{id:"preparing-mock-data"},(0,l.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#preparing-mock-data",sourceType:"a"},(0,l.tZ)("span",{className:"icon icon-link"})),"Preparing Mock Data"),(0,l.tZ)("p",null,e[64].value,(0,l.tZ)(t.Z,{href:"https://umijs.org/docs/guides/mock",sourceType:"a"},e[65].value),e[66].value),(0,l.tZ)("p",null,e[67].value,(0,l.tZ)("code",null,e[68].value),e[69].value,(0,l.tZ)("code",null,e[70].value),e[71].value),(0,l.tZ)(_.Z,{lang:"ts"},e[72].value),(0,l.tZ)("p",null,e[73].value,(0,l.tZ)(t.Z,{href:"http://localhost:8000/api/products",sourceType:"a"},e[74].value),e[75].value),(0,l.tZ)("h2",{id:"complete-products-page"},(0,l.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#complete-products-page",sourceType:"a"},(0,l.tZ)("span",{className:"icon icon-link"})),"Complete Products Page"),(0,l.tZ)("p",null,e[76].value,(0,l.tZ)(t.Z,{href:"https://umijs.org/docs/max/react-query",sourceType:"a"},e[77].value),e[78].value),(0,l.tZ)("p",null,e[79].value,(0,l.tZ)("code",null,e[80].value),e[81].value),(0,l.tZ)(_.Z,{lang:"diff"},e[82].value),(0,l.tZ)("p",null,e[83].value,(0,l.tZ)("code",null,e[84].value),e[85].value),(0,l.tZ)(_.Z,{lang:"tsx"},e[86].value),(0,l.tZ)("p",null,e[87].value,(0,l.tZ)("code",null,e[88].value),e[89].value,(0,l.tZ)("code",null,e[90].value),e[91].value,(0,l.tZ)("code",null,e[92].value),e[93].value,(0,l.tZ)("code",null,e[94].value),e[95].value,(0,l.tZ)("code",null,e[96].value),e[97].value,(0,l.tZ)(t.Z,{href:"https://umijs.org/docs/max/react-query",sourceType:"a"},e[98].value),e[99].value,(0,l.tZ)(t.Z,{href:"https://tanstack.com/query/",sourceType:"a"},e[100].value),e[101].value),(0,l.tZ)("p",null,e[102].value),(0,l.tZ)("p",null,(0,l.tZ)("img",{src:"https://img.alicdn.com/imgextra/i1/O1CN014Sq3Uq1IceoHSfGrR_!!6000000000914-1-tps-550-411.gif",alt:""})),(0,l.tZ)("h2",{id:"prolayout"},(0,l.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#prolayout",sourceType:"a"},(0,l.tZ)("span",{className:"icon icon-link"})),"ProLayout"),(0,l.tZ)("p",null,e[103].value,(0,l.tZ)(t.Z,{href:"https://procomponents.ant.design/components/layout/",sourceType:"a"},e[104].value),e[105].value,(0,l.tZ)("code",null,e[106].value),e[107].value,(0,l.tZ)("code",null,e[108].value),e[109].value,(0,l.tZ)("code",null,e[110].value),e[111].value),(0,l.tZ)("p",null,e[112].value),(0,l.tZ)(_.Z,{lang:"diff"},e[113].value),(0,l.tZ)("p",null,e[114].value,(0,l.tZ)("code",null,e[115].value),e[116].value),(0,l.tZ)(_.Z,{lang:"tsx"},e[117].value),(0,l.tZ)("p",null,e[118].value,(0,l.tZ)("code",null,e[119].value),e[120].value,(0,l.tZ)("code",null,e[121].value),e[122].value,(0,l.tZ)("code",null,e[123].value),e[124].value,(0,l.tZ)("code",null,e[125].value),e[126].value),(0,l.tZ)("p",null,e[127].value,(0,l.tZ)("code",null,e[128].value),e[129].value),(0,l.tZ)("p",null,e[130].value),(0,l.tZ)("p",null,(0,l.tZ)("img",{src:"https://img.alicdn.com/imgextra/i2/O1CN01jLPfng1WljHFhj3mc_!!6000000002829-2-tps-1670-934.png",alt:""})),(0,l.tZ)("h2",{id:"build-application"},(0,l.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#build-application",sourceType:"a"},(0,l.tZ)("span",{className:"icon icon-link"})),"Build Application"),(0,l.tZ)("p",null,e[131].value),(0,l.tZ)(_.Z,{lang:"bash"},e[132].value),(0,l.tZ)("p",null,e[133].value,(0,l.tZ)("code",null,e[134].value),e[135].value),(0,l.tZ)("h2",{id:"next-step"},(0,l.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#next-step",sourceType:"a"},(0,l.tZ)("span",{className:"icon icon-link"})),"Next Step"),(0,l.tZ)("p",null,e[136].value),(0,l.tZ)("ul",null,(0,l.tZ)("li",null,e[137].value),(0,l.tZ)("li",null,e[138].value),(0,l.tZ)("li",null,e[139].value),(0,l.tZ)("li",null,e[140].value),(0,l.tZ)("li",null,e[141].value)),(0,l.tZ)("p",null,e[142].value),(0,l.tZ)("ul",null,(0,l.tZ)("li",null,e[143].value,(0,l.tZ)(t.Z,{href:"https://umijs.org/",sourceType:"a"},e[144].value)),(0,l.tZ)("li",null,e[145].value,(0,l.tZ)(t.Z,{href:"https://umijs.org/docs/guides/routes",sourceType:"a"},e[146].value)),(0,l.tZ)("li",null,e[147].value,(0,l.tZ)(t.Z,{href:"https://umijs.org/docs/max/introduce",sourceType:"a"},e[148].value),e[149].value),(0,l.tZ)("li",null,e[150].value,(0,l.tZ)(t.Z,{href:"https://pro.ant.design/",sourceType:"a"},e[151].value)),(0,l.tZ)("li",null,e[152].value,(0,l.tZ)(t.Z,{href:"https://procomponents.ant.design/components/layout",sourceType:"a"},e[153].value)),(0,l.tZ)("li",null,e[154].value,(0,l.tZ)(t.Z,{href:"https://procomponents.ant.design/components/table",sourceType:"a"},e[155].value))))))}a.default=o}}]);