How To Make Compounds In React.Js || Learn React.JS

 H                      

                           How To Make Compounds In React.Js

                             Heading.jsx file

import React from 'react' ;

function Heading(){

    return <h1>This is getcodr from youtube </h1>

};

export default Heading ;

                   Para.jsx file

import React from 'react' ;

function Para(){

    return (<p>This is an paragarph , it's tell us about getcodr youtube channel.

    getcodr is a small youtube channel who's trying to create a value in this world</p>) ;

}

export default Para ;

                   List.jsx file

import React from 'react' ;

function List(){

    return (

    <ol>

        <li>vishnu </li>

        <li>Sharma </li>

        <li>from </li>

        <li>getcodr </li>

    </ol> )

} ;

export default List ;

                   App.js File  

import React from 'react' ;

import Heading from './Heading' ;

import Para from './Para';

import List from './List' ;

function App() {

 return(

 <>

    <Heading />

    <Para />

    <List />

</>

  ) ;

}

export default App ;

              index.js file    

import React from 'react';

import ReactDOM from 'react-dom';

import App from './App';

ReactDOM.render(

<App />,

 document.getElementById('root')

 ) ;

                            my youtube channel

                                    getcodr