Please enable JavaScript.

Coggle requires JavaScript to display documents.

React - Coggle Diagram

- - - - Create Normal HTML Element
      - Show another component
    - - React iterates through each element of JSX
        
        Asks a question - Is it a Standard DOM Element?
        
        Yes, Display It as it is
        
        No, Call the JSX element func & inspect JSX
- - - - When we write a component, it's actually JSX. Babel converts JSX to pure JS.
        
        If we don't have JSX, we'll have to write complete JS which would be eventually very complicated. JSX is not cumpolsary to be used.
- - - - index.html
  - - - index.js
      - App.js
- - - - You cannot display an object using JSX
        
        const a = {name:"Kunal"}
        
        return {a}
        
        return {a.name}
        
        Works fine
        
        Error because Class can't be displayed