ant-design/docs__react__getting-started.en-US.md.a65de7a1.async.js

"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[631],{851373:function(u,l,n){n.r(l);var r=n(502143),m=n(968521),h=n(720719),v=n(28840),a=n(759907),Z=n(828089),c=n(825673),E=n(902068),p=n(574399),g=n(863942),x=n(316073),P=n(24628),D=n(719260),T=n(956140),M=n(127179),O=n(905388),f=n(40428),C=n(606965),I=n(268696),y=n(587302),t=n(424128),L=n(249706),A=n(795127),R=n(116846),U=n(212039),W=n(73024),B=n(553913),o=n(606641),s=n(667294),e=n(370917);function i(){var d=(0,o.eL)(),_=d.texts;return(0,e.tZ)(o.dY,null,(0,e.tZ)(s.Fragment,null,(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("p",null,_[0].value,(0,e.tZ)("strong",null,_[1].value),_[2].value,(0,e.tZ)(t.Z,{href:"https://react.dev",sourceType:"a"},_[3].value),_[4].value,(0,e.tZ)(t.Z,{href:"https://nodejs.org/",sourceType:"a"},_[5].value),_[6].value),(0,e.tZ)("p",null,_[7].value),(0,e.tZ)("p",null,_[8].value,(0,e.tZ)(t.Z,{to:"/docs/react/use-with-create-react-app",sourceType:"Link"},_[9].value),_[10].value),(0,e.tZ)("hr",null),(0,e.tZ)("h2",{id:"your-first-example"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#your-first-example",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Your First Example"),(0,e.tZ)("p",null,_[11].value),(0,e.tZ)("iframe",{src:"https://codesandbox.io/embed/antd-reproduction-template-forked-jyh2k9?autoresize=1&fontsize=14&hidenavigation=1&theme=light",style:{width:"100%",height:"500px",border:"0",borderRadius:"4px",overflow:"hidden"},title:"antd reproduction template",allow:"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb",sandbox:"allow-modals allow-forms allow-popups allow-scripts allow-same-origin"},_[12].value),(0,e.tZ)("h3",{id:"1-create-a-codesandbox"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#1-create-a-codesandbox",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"1. Create a codesandbox"),(0,e.tZ)("p",null,_[13].value,(0,e.tZ)(t.Z,{href:"https://u.ant.design/codesandbox-repro",sourceType:"a"},_[14].value),_[15].value),(0,e.tZ)("h3",{id:"2-use-and-modify-an-antd-component"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#2-use-and-modify-an-antd-component",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"2. Use and modify an antd component"),(0,e.tZ)("p",null,_[16].value,(0,e.tZ)("code",null,_[17].value),_[18].value),(0,e.tZ)("p",null,_[19].value,(0,e.tZ)(t.Z,{to:"/docs/react/use-with-create-react-app",sourceType:"Link"},_[20].value),_[21].value,(0,e.tZ)("code",null,_[22].value),_[23].value),(0,e.tZ)(a.Z,{lang:"jsx"},_[24].value),(0,e.tZ)("h3",{id:"3-explore-more-components"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#3-explore-more-components",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"3. Explore more components"),(0,e.tZ)("p",null,_[25].value,(0,e.tZ)(t.Z,{to:"/components/alert",sourceType:"Link"},_[26].value),_[27].value),(0,e.tZ)("p",null,_[28].value,(0,e.tZ)("code",null,_[29].value),_[30].value),(0,e.tZ)(a.Z,{lang:"diff"},_[31].value),(0,e.tZ)("p",null,_[32].value,(0,e.tZ)("code",null,_[33].value),_[34].value),(0,e.tZ)(a.Z,{lang:"diff"},_[35].value),(0,e.tZ)("p",null,_[36].value),(0,e.tZ)("img",{width:"420",src:"https://gw.alipayobjects.com/zos/antfincdn/JrXptUm1Nz/6b50edc4-3a3c-4b2a-843e-f9f0af2c4667.png",alt:"codesandbox screenshot"}),(0,e.tZ)("p",null,_[37].value),(0,e.tZ)("h3",{id:"4-next-steps"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#4-next-steps",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"4. Next Steps"),(0,e.tZ)("p",null,_[38].value,(0,e.tZ)("code",null,_[39].value),_[40].value),(0,e.tZ)("ul",null,(0,e.tZ)("li",null,(0,e.tZ)(t.Z,{href:"https://pro.ant.design/",sourceType:"a"},_[41].value)),(0,e.tZ)("li",null,(0,e.tZ)(t.Z,{href:"https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-inline-style",sourceType:"a"},_[42].value)),(0,e.tZ)("li",null,_[43].value,(0,e.tZ)(t.Z,{href:"https://scaffold.ant.design/",sourceType:"a"},_[44].value))),(0,e.tZ)("h2",{id:"test-with-jest"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#test-with-jest",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Test with Jest"),(0,e.tZ)("p",null,_[45].value,(0,e.tZ)("code",null,_[46].value),_[47].value,(0,e.tZ)(t.Z,{to:"/docs/react/use-with-create-react-app",sourceType:"Link"},_[48].value),_[49].value),(0,e.tZ)("p",null,_[50].value,(0,e.tZ)("code",null,_[51].value),_[52].value),(0,e.tZ)(a.Z,{lang:"json"},_[53].value),(0,e.tZ)("h2",{id:"import-on-demand"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#import-on-demand",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Import on Demand"),(0,e.tZ)("p",null,(0,e.tZ)("code",null,_[54].value),_[55].value,(0,e.tZ)("code",null,_[56].value),_[57].value),(0,e.tZ)("h2",{id:"customize-your-workflow"},(0,e.tZ)(t.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#customize-your-workflow",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Customize your Workflow"),(0,e.tZ)("p",null,_[58].value,(0,e.tZ)(t.Z,{href:"https://webpack.js.org",sourceType:"a"},_[59].value),_[60].value,(0,e.tZ)(t.Z,{href:"https://vitejs.dev/",sourceType:"a"},_[61].value),_[62].value,(0,e.tZ)(t.Z,{href:"https://github.com/enaqx/awesome-react#react-tools",sourceType:"a"},_[63].value),_[64].value),(0,e.tZ)("p",null,_[65].value,(0,e.tZ)(t.Z,{href:"https://scaffold.ant.design/",sourceType:"a"},_[66].value),_[67].value))))}l.default=i}}]);