React? ?? ???? ?? ??? ??, ?? ?? ? ?? DOM? ?????. 1) ?? ???? ?? ????? ?? UI? ??? ??? ???? ??? ?? ?? ???? ?? ?? ???? ??????. 2) ?? ??? ?? ? ??? ?? ?? ???? ???? ?? UI ????? ??????. 3) ?? DOM ??? ??, ????? DOM ??? ?? ??? ???? UI? ????????.

??

???? ? ?? ???? React? ?? ??? ?????? ?? ? ? ?? ????????. ??? ?? ????? React? ???? ?? ????. ?? ????? ??? ??? ??? ?? ????? ?? ? ??? ??? ??????. ? ??? React? ?? ??? ?? ?? ??? ???? ??? ?? ???? ???? ?? ??? ?? ?? ????? ?????.

? ??? ??? React? ?? ??? ? ??, ?? ?? ? ?? DOM? ??? ???? ????? ?? ?? ??? ??? ?????? ???? ??? ????. ?? ???? ??? ?????? ????? ?? ?????? ?? ?? ? ?? ??? ???? ?? ? ????.

?? ?? ??

React? Facebook ? ?? ???? ?? ? ??? ?????? ?????? JavaScript ????????. ?? ????? UI? ?? ?? ? ??? ??? ????? ??? ??? ?? ??? ??? ????. React? ??? ??? ???? ??? ???? UI? ???? ??? ?? ???? ?? ?? ? ? ??????? ????.

React??, ?? ??? ?? ????, ?? ??? ?? ?? ?? ?? ?? ?? ? ? ????. ??? ?? ??? React.component ???? ???? ???? ?? ?? ?? ??? ??? ???? ?? ? ???? ?????. ?? ? ???, ?? ??? ??? ???? ????? ?? ??? ?? ?? ?? ?? UI? ?? ? ? ????.

?? ?? ?? ?? ??

?? ????

React? ?? ??? ????? ?? ?? ?? ? ?????. ?? ?? ???? ??? UI? ? ?? ???? ?? ???? ?? ? ????. ? ?? ??? ?? UI ? ??? ????? ????? ????? ??? ? ? ????.

 // ??? ?? ?? ?? ?? ?? (props) {
  <h1> hello, {props.name} </h1>;
}

// ?? ??? ???? const ?? = <?? ?? = "sara" />;

?? ???? ??? ???? ?? ???? ?????? ??? ? ????? ????? ????. ? ???? ?? ??????? ???? ?? ???? ?? ???? ?? ??? ??? ? ????.

?? ??

React? State (State)? ?? ?? ??? ?? ???? ?????. ??? ?? ?? ??? ?? ??? ? ? ??? ??? ?? ?? ?? ???? ?? ? ? ????. ?? ???? ?? ?? ?? ??? ? ???? ?? UI? ???????.

 // State Class Coun
  ??? (??) {
    ?? (??);
    this.state = {count : 0};
  }

  handleIncrement = () => {
    this.setstate ({count : this.state.count 1});
  };

  ?? () {
    ?? (
      <div>
        <p> ? : {this.state.count} </p>
        <?? onclick = {this.handleIncrement}> ?? </button>
      </div>
    );
  }
}

?? ??? RECT ?? ????? ?? ? ????? ?? ???? ??? ??? ?? ?? ??? ?? ??? ???? ? ????. ?? Global State Management? Redux ?? Context API ??? ??? ? ????.

?? ?

React? ?? DOM? ?? ???? ?????. ????? ??? DOM ??? ???? ??? ???? Real DOM ??? ?? ???? ?? UI? ?????? ?? ?? ?? DOM ??? ?????.

 // ?? DOM ?? const ?? = (
  <div>
    <H1> ?????, ??! </h1>
    <h2> {new date (). tolocaletimestring ()}. </h2>???
  </div>
);

reftdom.render (??, document.getElementById ( &#39;root&#39;));

?? DOM? ??? React ?? ????? ??? ?? ?? ???? ??? ?? ?? ? ????? ?? ??? ??? ? ????. ? ????? ThouthComponentUpdate ?? React.Memo? ??? ? ? ????.

??? ?

?? ??

React? ?? ??? ?? ?????. ?? ??? ???? ReactDom.Render? ???????.

 // ?? ?? ?? app () {
  ??? ?????! </h1>;
}

reftdom.render (<app />, document.getElementById ( &#39;root&#39;));

? ???? ??? ?? ????? ????? ??? ?? ?????? ? ?? ?? ? ?? ??? ??? ? ????.

?? ??

?? ??????? RECT? ??? ? ??????. ??? ?? ? ???? ???? ??? ???? ??? ???? ?? ?? ??? ????.

 // hooks? ?? ?? ?? import react, {usestate, useeffect}?? 'react';

?? ??? () {
  const [count, setCount] = usestate (0);

  useeffect (() => {
    const timer = setInterval (() => {
      setCount (prevCount => prevCount 1);
    }, 1000);

    return () => clearinterval (???);
  }, []);

  <h1> ???? ????? : {count} seconds </h1>;
}

? ??? ???? ????? ???? ???? ??? ????? ??? ??? ??? ?? ?? ?? ?????? ???????.

???? ?? ? ??? ?

RECT? ??? ?? ???? ???? ???? ?? ????, ?? ??? ??? ??, ??? ?? ?? ?????. ? ?? ??? ?? ??? ????.

• React DevTools? ???? ?? ?? ?? ? ?? ??? ???.
• ?? ???? REACT? ??? ???? ?? ? ??? ??? ?? ??? ?????.
• Console.log ?? ??? ??? ???? ?? ?? ? ?? ?? ????? ??????.

?? ??? ? ?? ??

?? ?? ???? React? ?? ???? ?? ?????. ??? ? ?? ??? ?? ?? ?????.

• ???? ? ???? ???? ? ?? ? ?? ??? ? ???? ??? ?? ? ?????.
• ?? ??? ? ??? ???? ?? ?? ??? ????.
• ?? ??? ?? ? React??? ??????.

???? ???? ??? ??? ??? ????? ?????? ?? ????? ?? ? ??? ??? ?? ?? ? ? ??? ??????. ?? ??? ???? ??? ???? ??? ??? ?? ?? ??? ??? ??????.

????? React? ?? ??? ? ??, ?? ?? ? ?? DOM? ?? ????, RECT Occupted? ??? ?? ???? ??? ??????. ???? ??? ??? ?? ????? ?? ?? ??? ??? ?????? ? ? ????? ?? ? ? ????.

? ??? React? ?? ?? ?? : ??? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!