'}),` 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;",[841],"https://www.epicreact.dev/workshops/react-fundamentals/generate-the-root-node",{"_9":812,"_813":843,"_815":844},"/app/01.02.problem/test/",[817],{"_9":812,"_813":846},"/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":495,"_790":849,"_22":36,"_24":37,"_792":850,"_807":851,"_810":853,"_818":856,"_821":858,"_467":470,"_469":479,"_9":504,"_835":-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;",[852],"https://www.epicreact.dev/workshops/react-fundamentals/generate-the-root-node/solution",{"_9":812,"_813":854,"_815":855},"/app/01.02.solution/test/",[817],{"_9":812,"_813":857},"/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",[860,865],{"_20":21,"_342":490,"_790":805,"_22":23,"_24":25,"_792":806,"_807":861,"_810":862,"_818":864,"_821":822,"_467":470,"_469":470,"_9":466,"_823":27},[809],{"_9":812,"_813":814,"_815":863},[817],{"_9":812,"_813":820},{"_20":31,"_342":495,"_790":838,"_22":32,"_24":33,"_792":839,"_807":866,"_810":867,"_818":869,"_821":847,"_467":470,"_469":479,"_9":466,"_823":35},[841],{"_9":812,"_813":843,"_815":868},[817],{"_9":812,"_813":846},[871,876],{"_20":27,"_342":490,"_790":825,"_22":28,"_24":29,"_792":826,"_807":872,"_810":873,"_818":875,"_821":834,"_467":470,"_469":470,"_9":504,"_835":-5},[828],{"_9":812,"_813":830,"_815":874},[817],{"_9":812,"_813":833},{"_20":35,"_342":495,"_790":849,"_22":36,"_24":37,"_792":850,"_807":877,"_810":878,"_818":880,"_821":858,"_467":470,"_469":479,"_9":504,"_835":-5},[852],{"_9":812,"_813":854,"_815":879},[817],{"_9":812,"_813":857},"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",884],"exerciseFinished",{"_887":888,"_24":889},"file","/myapp/workshop-content/exercises/01.js-hello-world/FINISHED.mdx","exercises/01.js-hello-world/FINISHED.mdx","prevStepLink",{"_892":893,"_894":895},"to","/exercise/01/02/solution","aria-label","Generate the Root Node (solution)","nextStepLink",{"_892":898,"_894":510},"/exercise/02","actionData","errors"]

01. Hello World in JS/Elaboration