You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
3.4 KiB
1 lines
3.4 KiB
{"ast":null,"code":"var _jsxFileName = \"/home/f2256342/forge/udemy-react/02/src/App.js\";\nimport React from 'react';\nimport './App.css';\nimport Person from './Person/Person';\n\nfunction App() {\n return React.createElement(\"div\", {\n className: \"App\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 7\n },\n __self: this\n }, React.createElement(\"h1\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 8\n },\n __self: this\n }, \"Hi, I'm a React App, I'm cute.\"), React.createElement(\"p\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 9\n },\n __self: this\n }, \"Created using Functional code\"), React.createElement(Person, {\n name: \"Yutsuo\",\n ilvl: \"320\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 10\n },\n __self: this\n }), React.createElement(Person, {\n name: \"Schwarzgeist\",\n ilvl: \"200\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 11\n },\n __self: this\n }), React.createElement(Person, {\n name: \"Murom\",\n ilvl: \"78\",\n __source: {\n fileName: _jsxFileName,\n lineNumber: 12\n },\n __self: this\n })); // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));\n} // class App extends React.Component {\n// render() {\n// return (\n// <div className=\"App\">\n// <h1>Hi, I'm a React App, I'm cute.</h1>\n// <p>Created using OOP code</p>\n// </div>\n// );\n// // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));\n// }\n// }\n\n\nexport default App;","map":{"version":3,"sources":["/home/f2256342/forge/udemy-react/02/src/App.js"],"names":["React","Person","App"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,WAAP;AACA,OAAOC,MAAP,MAAmB,iBAAnB;;AAEA,SAASC,GAAT,GAAe;AACb,SACE;AAAK,IAAA,SAAS,EAAC,KAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCADF,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAFF,EAGE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,IAAI,EAAC,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAHF,EAIE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,cAAb;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAJF,EAKE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,OAAb;AAAqB,IAAA,IAAI,EAAC,IAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IALF,CADF,CADa,CAUb;AACD,C,CAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAEA,eAAeA,GAAf","sourcesContent":["import React from 'react';\nimport './App.css';\nimport Person from './Person/Person';\n\nfunction App() {\n return (\n <div className=\"App\">\n <h1>Hi, I'm a React App, I'm cute.</h1>\n <p>Created using Functional code</p>\n <Person name=\"Yutsuo\" ilvl=\"320\"/>\n <Person name=\"Schwarzgeist\" ilvl=\"200\"/>\n <Person name=\"Murom\" ilvl=\"78\"/>\n </div>\n );\n // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));\n}\n\n// class App extends React.Component {\n// render() {\n// return (\n// <div className=\"App\">\n// <h1>Hi, I'm a React App, I'm cute.</h1>\n// <p>Created using OOP code</p>\n// </div>\n// );\n// // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));\n// }\n// }\n\nexport default App;\n"]},"metadata":{},"sourceType":"module"} |