understand component in react

PriyankaBtech · Aug 19, 2023 · d6c6a94 · d6c6a94
1 parent 8744f42
commit d6c6a94
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 29 deletions.
diff --git a/01_basicreact/public/index.html b/01_basicreact/public/index.html
@@ -10,34 +10,14 @@
       content="Web site created using create-react-app"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
+
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
+
     <title>React App</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
+
   </body>
 </html>
diff --git a/01_basicreact/src/App.js b/01_basicreact/src/App.js
@@ -1,7 +1,11 @@
 
+import Code from './Code'
+
 function App() {
   return (
-    <h1>Happy To Learn React</h1>
+    <>
+    <Code/>
+    </>
   );
 }
 

diff --git a/01_basicreact/src/Code.js b/01_basicreact/src/Code.js
@@ -0,0 +1,11 @@
+
+function Code() {
+    return (
+        <h1>
+            React Basics
+        </h1>
+
+    )
+}
+
+export default Code
diff --git a/01_basicreact/src/index.js b/01_basicreact/src/index.js
@@ -1,13 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
+
 import App from './App';
 
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
-  <React.StrictMode>
+
     <App />
-  </React.StrictMode>
+
 );
 
 
diff --git a/01_vitereact/src/App.jsx b/01_vitereact/src/App.jsx
@@ -1,9 +1,14 @@
 
+import Code from "./code"
 
 function App() {
-
-  return (
-    <h1>Happy To Learn React with Vite || Priyanka </h1>
+  return (    
+
+   <div>
+     <Code/>
+     <h1>Understand React</h1>
+     <p>with fundamentals</p>
+   </div>
 
     )
 }

diff --git a/01_vitereact/src/code.jsx b/01_vitereact/src/code.jsx
@@ -0,0 +1,8 @@
+
+function Code() {
+    return (
+        <h2>Code With React</h2>
+    )
+}
+
+export default Code