vue.js? ??? ???? ? ?? ??? ??? ?? React? ?? ??? ?? ????? ?????. 1) vue.js? ???? ?? ?? ?????? ???? ??? ?? ??? ?????. 2) React? ? ??? ???? ??? ??? ??? ? ??? ?? ?? ????? ????? ?????.

??

?? ??? ?? ????? ????? ??? ??? ??? ??? ???? ?? ?????. ? ?? ?? ??? ???? Vue.js? React? ?? ??? ????? ??? ???? ??? ????. ?? ??? vue.js? ???? ?? ??? ?? ??? ?????? ??? ?? ? ??? ? ? ??? ?? ? ????. ? ??? ??? ?? ? ????? ?? ??? ?? ?????? ??? ??? ??? ???? ?? ????.

?? ?? ??

Vue.js? ???? ??? ????? ?? ? ? ??? ??? ??? ? JavaScript ??? ?????. ???? ?? ????? ???? ??? ???? ?? ?? ??? ??? ?? ????? ??????. vue.js? ?? ???????? ??? ????? ?? ????? ?? ?? ????? ?? ?? ? ? ????.

React? Facebook?? ?? ? ?? ?? ?????? ??? ????? ??? ??? ???. ??? ????? ? ?? DOM? ??? ???? ?? ??? ? ?? ??? ?????. React? ???? React Router ? Redux? ?? ??? ???? ?? ?? ??? ?? ??? ?? ????? ?????.

?? ?? ?? ?? ??

vue.js? ?? ? ??? ? React? ?? Dom

vue.js? ?? ? ???? ????? ? ?????. ??? ?? ? ??? ? ????? ?? ???? ??? ?? ?? ? DOM ????? ?????. vue.js ?? ??? ??? ?? ??? ????.

 <emplate>
  <div> {{message}} </div>
</???>

<cript>
???? ??? {
  ??? () {
    ?? {
      ??? : &#39;?????, Vue!&#39;
    }
  }
}
</????>

React? ?? DOM? ?? ??? ????? ?? DOM ??? ????. Virtual Dom? DOM ??? ???? ?? JavaScript ?????. React? ?? ? ??? ?? Dom ??? ???? ?? ?? DOM ?? ??? ?????. ??? ?? ?? ?? ?? ??? ????.

 import React, {usestate} 'react';

?? ? () {
  const [???, setMessage] = usestate ( 'hello, reft!');

  return <div> {message} </div>;
}

?? ??

vue.js? ?? ? ???? Getters ? Setter? ?? ??? ??? ???? ???? ?? ? ? ????? ??????. vue.js? ??? ?? ???? DOM? ?? ?????? ??? DOM ??? ????.

React? ?? DOM? Diff ????? ???? ?? ?? DOM ?? ??? ?????. React? ?? DOM ??? ?? DOM? ???? ???? ???? ??? ?? ?? DOM? ???????. ? ???? ?? ??? ?? ???? ??? ?? ???? ? ????.

??? ?

vue.js? ?? ??

vue.js? ?? ???? ?? ??????. ??? ??? ?? ??? ??? ????.

 <emplate>
  <div>
    <p> ? : {{count}} </p>
    <button @click = "??"> ?? </button>
  </div>
</???>

<cript>
???? ??? {
  ??? () {
    ?? {
      ??? : 0
    }
  },
  ?? : {
    ?? () {
      this.count;
    }
  }
}
</????>

RECT? ?? ??

RECT? ?? ???? ??? ???? ?? ? ???? ???? ?? ?????. ??? usestate ? useeffect? ???? ????.

 import React, {usestate, useeffect} '??'react ';

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

  useeffect (() => {
    document.title =`count : $ {count}`;
  }, [??]);

  ?? (
    <div>
      <p> ? : {count} </p>
      <?? onclick = {() => setCount (count 1)}> ?? </button>
    </div>
  );
}

???? ?? ? ??? ?

vue.js?? ???? ???? ???? ?? ??? ??? ?? ?? ???? ??? ?????. ??? ?? Vue DevTools? ???? ?? ?? ????? ??? ??? ?? ? ? ????.

React? ???? ???? ???? ?? ?? ? ?? ?? ?? ??? ?????. ??? ? ? React DevTools? ???? ?? ?? ?? ? ?? ??? ? ? ??? ?? ?? ??? ???? ?? ?? ???? ??? ? ?? ????.

?? ??? ? ?? ??

vue.js?? ?? ???? V-Once ? V-Memo? ???? ???? ? ???? ??? ??? ?? ??? ???? ?? ?? ??? ????? ??? ??? ? ????. ??? v-once? ???? ????.

 <emplate>
  <div v-once> {{staticMessage}} </div>
</???>

<cript>
???? ??? {
  ??? () {
    ?? {
      ?? ?? : &#39;??? ?? ??? ?? ????.&#39;
    }
  }
}
</????>

React?? ?? ???? React.Memo? ???? ???? ? ???? ??? USEMEMO ? USECALLBACK? ???? ?? ? ?? ??? ??? ????? Lazy and Spessense? ???? ?? ??? ? ??? ??? ??? ? ????. ??? React.Memo? ???? ????.

 'React'?? React React;

const mycomponent = react.memo (function mycomponent (props) {
  return <div> {props.value} </div>;
});

???? ? ?? ??

vue.js ?? React? ??? ? ??? ?? ??? ???????.

• ? ?? : ? ???? ?? ??? ?? ? ??? ??? ?? ??? ??? ???? ?? ??? ??? ?? ???? ???? ? ????.
• ???? ?? : ??? ????? ?? vue.js? ?? ??? ?? ?? ???? ?????. ??? ????? ?? React? ???? ? ???? ??? ?? ????? ?????.
• ?? ?? ?? : ????? ??? ?? ??? React? ?? DOM ? ??? ??? ? ?? ? ? ????. ?? ?? ????? ?? vue.js? ?? ? ???? ?? ??? ??????.
• ??? : React? ???? ? ?? ? ?? ?? ????? ? ??? ?????. React? ?? ??? ??? ????? ? ?? ??? ?? ? ????.
• ???? ?? : ? ? ??? ????? ??? ??? React? ?????? ? ????? ? ?? ??? ????.

??? ? ???? ??

?? ?????? vue.js ?? React? ???? ?? ??? ? ?? ?? ?? ? ??? ???, ???? ?? ?? ? ?? ?? ??? ?? ??? ? ?? ?????. ??? ? ?? ??? ? ???? ?????.

• ?? ?? ? ? ?? : vue.js? ?? ??? ????? ??? ???? ?? ???? ??? ?? ?? ?????. React? ?? ?? ?? ? ?? ????? ? ?? ??? ?????. ??? ?? ?? vue.js? ???? ????? React? ???? ?? ????.
• ?? ??? : React? ?? DOM? ??????? ?????? Vue.js? Responsive ???? ?? ????? ??? ??????? ?? ? ?????. ???? ?? ???? ?? ???? ?? ????? ???? ?? ?? ?? ? ?? ??? ??? ?? ?? ????.
• ??? ? ?? ????? : React? ? ??? ???? ???? ??? ? ?? ?? ????? ? ??? ?????. React? ?? ??? ??? ????? ? ?? ??? ?? ? ????. ??? vue.js? ???? ???? ??? ???? ?? ???? ????.
• ?? ?? ?? : React? ????? ? ????? ??? ??? ???? ??? ?? ?? ??? ??? ??? ????? ?????. Vue.js ????? ?? ??? ??? ???? ?? ???? ??? ????? ?????.

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

• vue.js? ???? ?? :

  • ?? ??? : vue.js?? ?? ? ??? ?? ??? ?? ? ????? ???? ?? ? ????. ???? vue.set ?? ??? ???? ???? ?? ???? ???? ????.
  • ?? ?? ?? : ??? ?? ?? ????? ??? ?? ?? ?? ?? ??? ???? ? ????. ???? Vuex ?? ??? ??? ???? ??? ?? ? ???? ???? ????.

• ??? ???? ?? :

  • ? ?? : React?? ???? ?? ??? ?? ??? ??? ? ???? ??? ? ????. ???? ???, usememo ? usecallback? ???? ?? ?? ??? ????? ????.
  • ?? ??? : React? ?? DOM? ?????? ??? ?? ?? ????? ?? ??? ??? ??? ? ????. ???? react.lazy and spessense? ???? ?? ?? ? ??? ??? ???? ????.

?? ?? ? ??? ?? vue.js? React ????? ??? ??? ? ? ??? ????. ?? ?? ???? ??? ?? ??? ????? ?? ??? ????.

? ??? vue.js vs. React : ???? ? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!