what is the main problem between Js and DOM that Angular / React / Vue try to solve?










0















I want to know what is main problem between javascript and DOM that Angular / React / Vue try to solve,
Please guide me I'm new learning Angular.
enter image description here










share|improve this question


























    0















    I want to know what is main problem between javascript and DOM that Angular / React / Vue try to solve,
    Please guide me I'm new learning Angular.
    enter image description here










    share|improve this question
























      0












      0








      0


      0






      I want to know what is main problem between javascript and DOM that Angular / React / Vue try to solve,
      Please guide me I'm new learning Angular.
      enter image description here










      share|improve this question














      I want to know what is main problem between javascript and DOM that Angular / React / Vue try to solve,
      Please guide me I'm new learning Angular.
      enter image description here







      javascript angularjs reactjs dom vue.js






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 14 '18 at 21:25









      MuathMuath

      2,61093054




      2,61093054






















          2 Answers
          2






          active

          oldest

          votes


















          2














          React and Vue use a pattern called the Virtual DOM to optimize updating the DOM in order to render changes faster. Angular uses another method with similar motivations. Web technologies weren't originally designed to build robust applications in the browser. These frameworks attempt to enhance application performance and improve the developer and end-user experience until web standards catch up to modern use cases.




          The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM. This process is called reconciliation.




          Source: https://reactjs.org/docs/faq-internals.html






          share|improve this answer























          • I think the answer that i'm looking for is Vartual DOM thanks for explaining to me

            – Muath
            Nov 15 '18 at 7:51


















          2














          Your question is one of the difference between SPA (Single Page Applications) vs MPA (Multi-page Applications).



          All of Vue, React and Angular use an SPA design to only update DOM elements that are changed, instead of reloading the entire page. This is the main problem that these frameworks aim to solve instead of using vanilla javascript.






          share|improve this answer























          • javascript can update DOM elements too, i didn't get your answer clearly

            – Muath
            Nov 14 '18 at 21:57











          • correct, but its 10x easier and more readable to do it in an SPA

            – Shawn Andrews
            Nov 14 '18 at 22:03










          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53308958%2fwhat-is-the-main-problem-between-js-and-dom-that-angular-react-vue-try-to-so%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          2 Answers
          2






          active

          oldest

          votes








          2 Answers
          2






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          2














          React and Vue use a pattern called the Virtual DOM to optimize updating the DOM in order to render changes faster. Angular uses another method with similar motivations. Web technologies weren't originally designed to build robust applications in the browser. These frameworks attempt to enhance application performance and improve the developer and end-user experience until web standards catch up to modern use cases.




          The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM. This process is called reconciliation.




          Source: https://reactjs.org/docs/faq-internals.html






          share|improve this answer























          • I think the answer that i'm looking for is Vartual DOM thanks for explaining to me

            – Muath
            Nov 15 '18 at 7:51















          2














          React and Vue use a pattern called the Virtual DOM to optimize updating the DOM in order to render changes faster. Angular uses another method with similar motivations. Web technologies weren't originally designed to build robust applications in the browser. These frameworks attempt to enhance application performance and improve the developer and end-user experience until web standards catch up to modern use cases.




          The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM. This process is called reconciliation.




          Source: https://reactjs.org/docs/faq-internals.html






          share|improve this answer























          • I think the answer that i'm looking for is Vartual DOM thanks for explaining to me

            – Muath
            Nov 15 '18 at 7:51













          2












          2








          2







          React and Vue use a pattern called the Virtual DOM to optimize updating the DOM in order to render changes faster. Angular uses another method with similar motivations. Web technologies weren't originally designed to build robust applications in the browser. These frameworks attempt to enhance application performance and improve the developer and end-user experience until web standards catch up to modern use cases.




          The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM. This process is called reconciliation.




          Source: https://reactjs.org/docs/faq-internals.html






          share|improve this answer













          React and Vue use a pattern called the Virtual DOM to optimize updating the DOM in order to render changes faster. Angular uses another method with similar motivations. Web technologies weren't originally designed to build robust applications in the browser. These frameworks attempt to enhance application performance and improve the developer and end-user experience until web standards catch up to modern use cases.




          The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM. This process is called reconciliation.




          Source: https://reactjs.org/docs/faq-internals.html







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 14 '18 at 23:21









          wdmwdm

          5,65911822




          5,65911822












          • I think the answer that i'm looking for is Vartual DOM thanks for explaining to me

            – Muath
            Nov 15 '18 at 7:51

















          • I think the answer that i'm looking for is Vartual DOM thanks for explaining to me

            – Muath
            Nov 15 '18 at 7:51
















          I think the answer that i'm looking for is Vartual DOM thanks for explaining to me

          – Muath
          Nov 15 '18 at 7:51





          I think the answer that i'm looking for is Vartual DOM thanks for explaining to me

          – Muath
          Nov 15 '18 at 7:51













          2














          Your question is one of the difference between SPA (Single Page Applications) vs MPA (Multi-page Applications).



          All of Vue, React and Angular use an SPA design to only update DOM elements that are changed, instead of reloading the entire page. This is the main problem that these frameworks aim to solve instead of using vanilla javascript.






          share|improve this answer























          • javascript can update DOM elements too, i didn't get your answer clearly

            – Muath
            Nov 14 '18 at 21:57











          • correct, but its 10x easier and more readable to do it in an SPA

            – Shawn Andrews
            Nov 14 '18 at 22:03















          2














          Your question is one of the difference between SPA (Single Page Applications) vs MPA (Multi-page Applications).



          All of Vue, React and Angular use an SPA design to only update DOM elements that are changed, instead of reloading the entire page. This is the main problem that these frameworks aim to solve instead of using vanilla javascript.






          share|improve this answer























          • javascript can update DOM elements too, i didn't get your answer clearly

            – Muath
            Nov 14 '18 at 21:57











          • correct, but its 10x easier and more readable to do it in an SPA

            – Shawn Andrews
            Nov 14 '18 at 22:03













          2












          2








          2







          Your question is one of the difference between SPA (Single Page Applications) vs MPA (Multi-page Applications).



          All of Vue, React and Angular use an SPA design to only update DOM elements that are changed, instead of reloading the entire page. This is the main problem that these frameworks aim to solve instead of using vanilla javascript.






          share|improve this answer













          Your question is one of the difference between SPA (Single Page Applications) vs MPA (Multi-page Applications).



          All of Vue, React and Angular use an SPA design to only update DOM elements that are changed, instead of reloading the entire page. This is the main problem that these frameworks aim to solve instead of using vanilla javascript.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 14 '18 at 21:51









          Shawn AndrewsShawn Andrews

          965617




          965617












          • javascript can update DOM elements too, i didn't get your answer clearly

            – Muath
            Nov 14 '18 at 21:57











          • correct, but its 10x easier and more readable to do it in an SPA

            – Shawn Andrews
            Nov 14 '18 at 22:03

















          • javascript can update DOM elements too, i didn't get your answer clearly

            – Muath
            Nov 14 '18 at 21:57











          • correct, but its 10x easier and more readable to do it in an SPA

            – Shawn Andrews
            Nov 14 '18 at 22:03
















          javascript can update DOM elements too, i didn't get your answer clearly

          – Muath
          Nov 14 '18 at 21:57





          javascript can update DOM elements too, i didn't get your answer clearly

          – Muath
          Nov 14 '18 at 21:57













          correct, but its 10x easier and more readable to do it in an SPA

          – Shawn Andrews
          Nov 14 '18 at 22:03





          correct, but its 10x easier and more readable to do it in an SPA

          – Shawn Andrews
          Nov 14 '18 at 22:03

















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53308958%2fwhat-is-the-main-problem-between-js-and-dom-that-angular-react-vue-try-to-so%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          這個網誌中的熱門文章

          How to read a connectionString WITH PROVIDER in .NET Core?

          Museum of Modern and Contemporary Art of Trento and Rovereto

          In R, how to develop a multiplot heatmap.2 figure showing key labels successfully