1"use strict";(self.webpackChunk_kentcdodds_react_fundamentals=self.webpackChunk_kentcdodds_react_fundamentals||[]).push([[301],{2301:function(e,t,n){n.r(t),t.default='\x3c!-- Creating custom components --\x3e\n\x3c!-- http://localhost:3000/isolated/exercise/04.html --\x3e\n\n<body>\n <div id="root"></div>\n <script src="https://unpkg.com/[email protected]/umd/react.development.js"><\/script>\n <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"><\/script>\n <script src="https://unpkg.com/@babel/[email protected]/babel.js"><\/script>\n <script type="text/babel">\n // \ud83d\udc28 Make a function called `message` which returns the JSX we want to share\n\n // \ud83d\udc28 use that function in place of the divs below with:\n // \ud83d\udcb0 {message({children: \'Hello World\'})} {message({children: \'Goodbye World\'})}\n const element = (\n <div className="container">\n <div className="message">Hello World</div>\n <div className="message">Goodbye World</div>\n </div>\n )\n\n // \ud83d\udcaf This is only the first step to making actual React components. The rest is in the extra credit!\n ReactDOM.createRoot(document.getElementById(\'root\')).render(element)\n <\/script>\n</body>\n'}}]); 2//# sourceMappingURL=301.aa9da17a.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.