ReactBasic2

 component:--

part of UI

like head,sidenav,maincomponent

component can contain other component.

>component are re-usable and can be nested 

inside other components.

stateless function component.hooks

statefull class component.

component are building block of React application.

For emmet:----

 "emmet.includeLanguages": {

        "javascript":"javascriptreact"

    }

props:-- it is the optional property

which your component can accept. and it allows component to be dynamic.. ..props are immutable... we spacify them as attribute.. App.js <HeadFun name='gaurav'

lastname='pandey'> <p> i am from uk.</p> head.js:-- hello this is the functional

components{props.name}

{props.lastname} {props.children} in the case of class: {this.props.address}

inline css react js:
      <h1 style={{color: "red"}}>Hello Style!</h1>

state:-internal private state.. state can be change.. state is manged within component whether props is passed to the component

import T from './components/props.js';