'}),` 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;",[967],"https://www.epicreact.dev/workshops/react-fundamentals/generate-the-root-node",{"_9":938,"_939":969,"_941":970},"/app/01.02.problem/test/",[943],{"_9":938,"_939":972},"/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":625,"_916":975,"_22":36,"_24":37,"_918":976,"_933":977,"_936":979,"_944":982,"_947":984,"_467":489,"_469":470,"_9":466,"_961":-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;",[978],"https://www.epicreact.dev/workshops/react-fundamentals/generate-the-root-node/solution",{"_9":938,"_939":980,"_941":981},"/app/01.02.solution/test/",[943],{"_9":938,"_939":983},"/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",[986,991],{"_20":21,"_342":620,"_916":931,"_22":23,"_24":25,"_918":932,"_933":987,"_936":988,"_944":990,"_947":948,"_467":489,"_469":489,"_9":478,"_949":27},[935],{"_9":938,"_939":940,"_941":989},[943],{"_9":938,"_939":946},{"_20":31,"_342":625,"_916":964,"_22":32,"_24":33,"_918":965,"_933":992,"_936":993,"_944":995,"_947":973,"_467":489,"_469":470,"_9":478,"_949":35},[967],{"_9":938,"_939":969,"_941":994},[943],{"_9":938,"_939":972},[997,1002],{"_20":27,"_342":620,"_916":951,"_22":28,"_24":29,"_918":952,"_933":998,"_936":999,"_944":1001,"_947":960,"_467":489,"_469":489,"_9":466,"_961":-5},[954],{"_9":938,"_939":956,"_941":1000},[943],{"_9":938,"_939":959},{"_20":35,"_342":625,"_916":975,"_22":36,"_24":37,"_918":976,"_933":1003,"_936":1004,"_944":1006,"_947":984,"_467":489,"_469":470,"_9":466,"_961":-5},[978],{"_9":938,"_939":980,"_941":1005},[943],{"_9":938,"_939":983},"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",1010],"exerciseFinished",{"_1013":1014,"_24":1015},"file","/myapp/workshop-content/exercises/01.js-hello-world/FINISHED.mdx","exercises/01.js-hello-world/FINISHED.mdx","prevStepLink",{"_1018":1019,"_1020":1021},"to","/exercise/01/02/solution","aria-label","Generate the Root Node (solution)","nextStepLink",{"_1018":1024,"_1020":639},"/exercise/02","actionData","errors"]

01. Hello World in JS/Elaboration