??? ?? ??? ??? ?? ???? ?? ? ?? ?? : 1. REACT? ???? ?? ??? ???? ?? ?? ?? ??? ???? ???? ???? ????. 2. ?? ??? ??? ???????. 3. vue ??? ??? ???? ?? ??? ?? ?????? ????? ?????. ?? ???? Chrome DevTools? ?? ? ??? ??? ???? ??? ??? ? ?? ???? ?????. ??? ??? ????? ?? ???? ?? ?? ???? ???? ???? ????, ???? ? ??? ?? ??? ???, ?? ??? ?? ??/??? ????, ??? ?? ??? ????? ??? ? ?? ???? ?????.

??? ?? ??? ??? ???? ?? ?? ??? ???? ??? ???? ??? ???? ??? ?? ??? ?? ???? (SPA)??? ??? ???, ?? ? ??? ??? ??? ? ? ????. ?? ?? ??? ?? ????? ?? ?????? ??? ? ?? ????? ??? ??? ??? ? ????.

??? ??? ???? ??

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

• ???? ?? ? ? ???? ??? ????? ?????.
• ???? ?? ? ? ?? ??? ???? ?? ????
• ???? ??? ??? ??? ?? ???? ??? ???? ?? ?? ?? ?????.

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

??? ??? ???? ??

1. ??? ???? ???? ???? ?????

??? ???? DOM ??? ?????? ?? ??? ?? ? ? ???? ??? ???? ???? ?? ? ????. ?? ??, REACT??? useEffect? ?? ?? ? ??? ???? ??? ?? ????.

 useeffect (() => {
  window.addeventListener ( 'resize', handlersize);
  return () => {
    window.removeEventListener ( 'resize', handlersize);
  };
}, []);

return ??? ??? ???? ?? ?????.

2. ??? ?? ?? ? ?? ??

???? ?? Settimeout ?? SetInterval?? ?? ??? ??? ?? ?? ??? ?? ?? ? ? ????. ? ???? ???? ??? ??? ??? ? ? ????.

 ?? setuptimer () {
  const data = fetchData ();
  setInterval (() => {
    Console.log (???); // ???? ???????}, 1000);
}

?? ???? SetupTimer? ?? ???? ???? ????? ????.

3. ?? ?????? ???? ??

?? UI ?? ?? ?? ?? ?? ?????? ?? ???? ??? ??? ??? ? ????. ?? ??, VUE? ?? ?? ?? ??? ???? ???? ??? ?? ??? ???? ?? ?? ??? ???? ???? ????? ????.

??? ??? ???? ???

Chrome Devtools? ?? ????? ???? ?? ?????. ?? ??? ?? ?? ??? ?? ? ? ????.

• ?? ?? ? ??? ??? ?? ?? ?? ?? ? (? : ?? ?? ?? ? ??)
• ??? ??? "?? ? ??? ??"? ??? ??? ??????.
• ?? ? ??? ?? ??? ??? ???? ??? ????? ????? ??? ??????.
• ?? ? DOM ?? ? ??? ??? ?? ?? ?????? ??????.

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

? ?? ??? ??? ?? ??? ???? ?? ????? performance.memory.usedJSHeapSize ???? ????.

??? ??? ????? ?? ??

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

• component ?? ??? ?? ? ? ?? ???? ???? ?????? : ??? ???, ???, ??? ?? ????.
• closure ? ??? ???? ????. ??? ?? ???? NULL? ??????.
• ? ?? ???? ???? ?? ???? ?? ??/??? ?????.
• complem ??? ??? ?? ?? ??? DOM ??? ?? ?? ???? ?? ??? ??? ???? ?? ??????.
• ? ??? ? ?? ???, ?? ??? ?? ?? ?? ????? ?? ??? ??? ??

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

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

? ??? ??? ?? ??? ?? ?? ? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!