'}),` 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;",[927],"https://www.epicreact.dev/workshops/react-fundamentals/generate-the-root-node",{"_9":898,"_899":929,"_901":930},"/app/01.02.problem/test/",[903],{"_9":898,"_899":932},"/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":585,"_876":935,"_22":36,"_24":37,"_878":936,"_893":937,"_896":939,"_904":942,"_907":944,"_475":513,"_477":478,"_9":474,"_921":-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;",[938],"https://www.epicreact.dev/workshops/react-fundamentals/generate-the-root-node/solution",{"_9":898,"_899":940,"_901":941},"/app/01.02.solution/test/",[903],{"_9":898,"_899":943},"/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",[946,951],{"_20":21,"_342":580,"_876":891,"_22":23,"_24":25,"_878":892,"_893":947,"_896":948,"_904":950,"_907":908,"_475":513,"_477":513,"_9":496,"_909":27},[895],{"_9":898,"_899":900,"_901":949},[903],{"_9":898,"_899":906},{"_20":31,"_342":585,"_876":924,"_22":32,"_24":33,"_878":925,"_893":952,"_896":953,"_904":955,"_907":933,"_475":513,"_477":478,"_9":496,"_909":35},[927],{"_9":898,"_899":929,"_901":954},[903],{"_9":898,"_899":932},[957,962],{"_20":27,"_342":580,"_876":911,"_22":28,"_24":29,"_878":912,"_893":958,"_896":959,"_904":961,"_907":920,"_475":513,"_477":513,"_9":474,"_921":-5},[914],{"_9":898,"_899":916,"_901":960},[903],{"_9":898,"_899":919},{"_20":35,"_342":585,"_876":935,"_22":36,"_24":37,"_878":936,"_893":963,"_896":964,"_904":966,"_907":944,"_475":513,"_477":478,"_9":474,"_921":-5},[938],{"_9":898,"_899":940,"_901":965},[903],{"_9":898,"_899":943},"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",970],"exerciseFinished",{"_973":974,"_24":975},"file","/myapp/workshop-content/exercises/01.js-hello-world/FINISHED.mdx","exercises/01.js-hello-world/FINISHED.mdx","prevStepLink",{"_978":979,"_980":981},"to","/exercise/01/02/solution","aria-label","Generate the Root Node (solution)","nextStepLink",{"_978":984,"_980":599},"/exercise/02","actionData","errors"]

01. Hello World in JS/Elaboration