Chapter 01 - Inception/Coding/App.js

//  NAMASTE REACT IN REACT
    //0
    const head = React.createElement('h1', {}, "Namaste React in React")


    //01
    const heading = React.createElement(
        'h1',
        {id: "head", className: "heading", abc: "xyz"},
        "Namaste React from React"
    );
    const heading2 = React.createElement(
        'h2',
        {id: "head2", className: "heading2", abc: "xyz"},
        "Namaste React from React2"
    );
    
    const con = React.createElement('div',{id:"con"}, heading);
    console.log(con)
    // const root = ReactDOM.createRoot(document.getElementById("root"))
    // root.render(con)


    //02 . Create this structure using React
        // <div id="container">
        //     <div id="child1">
        //         <h1></h1>
        //         <h2>I am first h2</h2>
        //     </div>
        //     <div id="child2">
        //         <h1>I am second h1</h1>
        //         <h2>I am second h2</h2>
        //     </div>
        // </div>

        const container = React.createElement(
            'div',
            {id: "container"},[
                React.createElement('div', {id: "child1"},[
                React.createElement('h1', {}, "I am first h1"),
                React.createElement('h1', {}, "I am first h2"),
            ])],[
                React.createElement('div', {id: "child2"},[
                React.createElement('h1', {}, "I am second h1"),
                React.createElement('h1', {}, "I am second h2"),
            ])]
            )
        console.log(container);

        const root = ReactDOM.createRoot(document.getElementById("root"));
        root.render(container)
        
   