'}),` from the HTML and\ninstead of trying to find it with `,(0,n.jsx)(e.code,{children:\"document.getElementById('root')\"}),`, create it\nand append it to the `,(0,n.jsx)(e.code,{children:\"document.body\"}),\".\"]})]})}function p(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(s,{...t})}):s(t)}function j(t,e){throw new Error(\"Expected \"+(e?\"component\":\"object\")+\" `\"+t+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return v(M);})();\n;return Component;",[543],"https://www.epicreact.dev/tutorials/get-started-with-react/generate-the-root-node",{"_9":514,"_515":545,"_517":546},"/app/01.02.problem/test/",[519],{"_9":514,"_515":548},"/app/01.02.problem/","https://stackblitz.com/github/epicweb-dev/get-started-with-react/tree/main/exercises/01.js-hello-world/02.problem.root?view=editor&title=Generate+the+Root+Node+%28problem%29",{"_20":35,"_146":382,"_492":551,"_22":36,"_24":37,"_494":552,"_509":553,"_512":555,"_520":558,"_523":560,"_257":258,"_259":260,"_9":269,"_537":-5},"02.solution.root","var Component=(()=>{var p=Object.create;var r=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var y=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),w=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:!0})},s=(e,t,n,a)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let i of f(t))!m.call(e,i)&&i!==n&&r(e,i,{get:()=>t[i],enumerable:!(a=h(t,i))||a.enumerable});return e};var x=(e,t,n)=>(n=e!=null?p(g(e)):{},s(t||!e||!e.__esModule?r(n,\"default\",{value:e,enumerable:!0}):n,e)),j=e=>s(r({},\"__esModule\",{value:!0}),e);var d=y((D,c)=>{c.exports=_jsx_runtime});var M={};w(M,{default:()=>l,frontmatter:()=>_});var o=x(d()),_=void 0;function u(e){let t={h1:\"h1\",p:\"p\",...e.components},{EpicVideo:n}=t;return n||b(\"EpicVideo\",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{children:\"Generate the Root Node\"}),`\n`,(0,o.jsx)(n,{url:\"https://www.epicreact.dev/tutorials/get-started-with-react/generate-the-root-node/solution\"}),`\n`,(0,o.jsx)(t.p,{children:`\\u{1F468}\\u200D\\u{1F4BC} Great! Now we can create DOM nodes dynamically using JavaScript. This is only\nthe beginning of our journey. Creating DOM nodes ourselves is not typically the\nbest way to build a full fledged application, but it's important for you to\nunderstand that what libraries like React are doing is not magic. They're just\ncreating and modifying DOM nodes using JavaScript.`})]})}function l(e={}){let{wrapper:t}=e.components||{};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(u,{...e})}):u(e)}function b(e,t){throw new Error(\"Expected \"+(t?\"component\":\"object\")+\" `\"+e+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return j(M);})();\n;return Component;",[554],"https://www.epicreact.dev/tutorials/get-started-with-react/generate-the-root-node/solution",{"_9":514,"_515":556,"_517":557},"/app/01.02.solution/test/",[519],{"_9":514,"_515":559},"/app/01.02.solution/","https://stackblitz.com/github/epicweb-dev/get-started-with-react/tree/main/exercises/01.js-hello-world/02.solution.root?view=editor&title=Generate+the+Root+Node+%28solution%29",[562,567],{"_20":21,"_146":377,"_492":507,"_22":23,"_24":25,"_494":508,"_509":563,"_512":564,"_520":566,"_523":524,"_257":258,"_259":258,"_9":256,"_525":27},[511],{"_9":514,"_515":516,"_517":565},[519],{"_9":514,"_515":522},{"_20":31,"_146":382,"_492":540,"_22":32,"_24":33,"_494":541,"_509":568,"_512":569,"_520":571,"_523":549,"_257":258,"_259":260,"_9":256,"_525":35},[543],{"_9":514,"_515":545,"_517":570},[519],{"_9":514,"_515":548},[573,578],{"_20":27,"_146":377,"_492":527,"_22":28,"_24":29,"_494":528,"_509":574,"_512":575,"_520":577,"_523":536,"_257":258,"_259":258,"_9":269,"_537":-5},[530],{"_9":514,"_515":532,"_517":576},[519],{"_9":514,"_515":535},{"_20":35,"_146":382,"_492":551,"_22":36,"_24":37,"_494":552,"_509":579,"_512":580,"_520":582,"_523":560,"_257":258,"_259":260,"_9":269,"_537":-5},[554],{"_9":514,"_515":556,"_517":581},[519],{"_9":514,"_515":559},"exerciseFormEmbedUrl","https://docs.google.com/forms/d/e/1FAIpQLSf3o9xyjQepTlOTH5Z7ZwkeSTdXh6YWI_RGc9KiyD3oUN0p6w/viewform?hl=en&embedded=true&entry.1836176234=Get%20Started%20with%20React%20%F0%9F%8F%83%E2%80%8D%E2%9E%A1%EF%B8%8F&entry.428900931=Hello%20World%20in%20JS","epicVideoInfosPromise",["P",586],"exerciseFinished",{"_589":590,"_24":591},"file","/myapp/workshop-content/exercises/01.js-hello-world/FINISHED.mdx","exercises/01.js-hello-world/FINISHED.mdx","prevStepLink",{"_594":595,"_596":597},"to","/exercise/01/02/solution","aria-label","Generate the Root Node (solution)","nextStepLink",{"_594":600,"_596":396},"/exercise/02","routes/_app+/exercise+/_layout","actionData","errors"]

01. Hello World in JS/Elaboration