React Basic File Structure Tut 1

 # React Basic File Structure

         -node_modeules
                       packages and files for developing  React Project
             -public
                      index.html 
                       contain html files
             -src 
                     index.js
                     index.cs
                     contain js and cs files
             -package.json
             -README.md
 

  # index.html   

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" 
rel="stylesheet"> <!-- link for google fonts-->
        <title>React Tutorial App</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>


# index.cs

     as normal


# index.js

  
import React from "react"
import ReactDOM from "react-dom"
ReactDOM.render(
  <>
<p> i am vrushant domde </p>
  </>
  ,
  document.getElementById('root')
);




Comments

Post a Comment

Popular posts from this blog

Remote Method Invokation (RMI) in Java

Image
# Remote Method Invokation (RMI) in Java # What is RMI ?  RMI is an API that provide an mechanism to create distributed application in java. RMI allow an object to invoke the method of an object  running on another JVM(Java virtual Machine). RMI provide Remote Communication to the application using two special objects which are stub and skeleton . what is stub ? stub is an object act as gateway for client side application. All outgoing request are routed by stub. Following are the tasks of stub.     To establish the connection with the remote JVM. To write and trasmit the parameters to the remote object. (Marshalling)   stub wait for the result. To read the return value from remote object.(Unmarshalling) To send the result to its caller.   what is skeleton ? skeleton is an object act as gateway for server side application. All incoming request are routed by stub. Following are the tasks of skeleton.   To read the parameters from caller Invoke...
Read more

Changing the Title of Website on Button Click in React Hook tut 14

Changing the Title  of Website on Button Click in React Hook filename : ChgTitle.jsx import   React , {  useState ,  useEffect  }  from   'react' ; let   ChgTitle  = ()  =>  {      let  [ num ,  setNum ] =  useState ( 0 );      useEffect (() => {          document . title  =  `Clicked me 😎 ${ num }` ;     })      return  (          < >              < center >                  < br   />< br   />                  < button   onClick = { ()  => ...
Read more

useContext() in React tut 12

useContext() in React We can use useContext to receive the data directly from context provider instead of using complex context consumer  file hierchy :  ContextAPI.jsx ==> ComA.jsx ==> comB.jsx    we are sending data directly from ContextAPI.jsx to ComB.jsx. File : ContextAPI.jsx import   React , {  createContext  }  from   'react' ; import   ComA   from   './ComA' ; var   FilmName  =  createContext (); var   Earned  =  createContext (); let   ContextAPI  = ()  =>  {      return  (          < >              < FilmName.Provider   value = { 'GolMaal film' } >                  < Earned.Provider   value = { '25 crore' } > ...
Read more