'}),` 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;",[920],"https://www.epicreact.dev/workshops/react-fundamentals/generate-the-root-node",{"_9":891,"_892":922,"_894":923},"/app/01.02.problem/test/",[896],{"_9":891,"_892":925},"/app/01.02.problem/","https://stackblitz.com/github/epicweb-dev/react-fundamentals/tree/main/exercises/01.js-hello-world/02.problem.root?view=editor&title=Generate+the+Root+Node+%28problem%29&hidedevtools=1&terminalHeight=0&hideNavigation=1&file=index.html",{"_20":35,"_342":576,"_869":928,"_22":36,"_24":37,"_871":929,"_886":930,"_889":932,"_897":935,"_900":937,"_466":478,"_477":487,"_9":486,"_914":-5},"02.solution.root","var Component=(()=>{var p=Object.create;var i=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var y=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),w=(e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:!0})},s=(e,t,n,a)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let r of f(t))!g.call(e,r)&&r!==n&&i(e,r,{get:()=>t[r],enumerable:!(a=h(t,r))||a.enumerable});return e};var x=(e,t,n)=>(n=e!=null?p(m(e)):{},s(t||!e||!e.__esModule?i(n,\"default\",{value:e,enumerable:!0}):n,e)),j=e=>s(i({},\"__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/workshops/react-fundamentals/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;",[931],"https://www.epicreact.dev/workshops/react-fundamentals/generate-the-root-node/solution",{"_9":891,"_892":933,"_894":934},"/app/01.02.solution/test/",[896],{"_9":891,"_892":936},"/app/01.02.solution/","https://stackblitz.com/github/epicweb-dev/react-fundamentals/tree/main/exercises/01.js-hello-world/02.solution.root?view=editor&title=Generate+the+Root+Node+%28solution%29&hidedevtools=1&terminalHeight=0&hideNavigation=1&file=index.html",[939,944],{"_20":21,"_342":571,"_869":884,"_22":23,"_24":25,"_871":885,"_886":940,"_889":941,"_897":943,"_900":901,"_466":478,"_477":478,"_9":476,"_902":27},[888],{"_9":891,"_892":893,"_894":942},[896],{"_9":891,"_892":899},{"_20":31,"_342":576,"_869":917,"_22":32,"_24":33,"_871":918,"_886":945,"_889":946,"_897":948,"_900":926,"_466":478,"_477":487,"_9":476,"_902":35},[920],{"_9":891,"_892":922,"_894":947},[896],{"_9":891,"_892":925},[950,955],{"_20":27,"_342":571,"_869":904,"_22":28,"_24":29,"_871":905,"_886":951,"_889":952,"_897":954,"_900":913,"_466":478,"_477":478,"_9":486,"_914":-5},[907],{"_9":891,"_892":909,"_894":953},[896],{"_9":891,"_892":912},{"_20":35,"_342":576,"_869":928,"_22":36,"_24":37,"_871":929,"_886":956,"_889":957,"_897":959,"_900":937,"_466":478,"_477":487,"_9":486,"_914":-5},[931],{"_9":891,"_892":933,"_894":958},[896],{"_9":891,"_892":936},"exerciseFormEmbedUrl","https://docs.google.com/forms/d/e/1FAIpQLSf3o9xyjQepTlOTH5Z7ZwkeSTdXh6YWI_RGc9KiyD3oUN0p6w/viewform?hl=en&embedded=true&entry.1836176234=React%20Fundamentals%20%E2%9A%9B&entry.428900931=Hello%20World%20in%20JS","epicVideoInfosPromise",["P",963],"exerciseFinished",{"_966":967,"_24":968},"file","/myapp/workshop-content/exercises/01.js-hello-world/FINISHED.mdx","exercises/01.js-hello-world/FINISHED.mdx","prevStepLink",{"_971":972,"_973":974},"to","/exercise/01/02/solution","aria-label","Generate the Root Node (solution)","nextStepLink",{"_971":977,"_973":590},"/exercise/02","actionData","errors"]

01. Hello World in JS/Elaboration