When I started programming, JavaScript was one of the first languages that I learned. Together with HTML and CSS, it allows for the creation of dynamic webpages. Without JavaScript, webpages would be mostly static; you\u2019d have to reload the page to see any updates after submitting a form or clicking a button. Animations would still be possible through CSS, but they wouldn’t be as interactive.<\/p>\n\n\n\n
Because there are so many browsers and each one has a slightly different implementation of technologies that power websites, and because the API required to interact with the page or DOM (Document Object Model) is somewhat cumbersome, jQuery was created. With jQuery, web developers could just include a script that allowed them to easily traverse the HTML, modify items, make asynchronous requests, update the page, and so much more! jQuery\u2019s popularity exploded in the early days of the web.<\/p>\n\n\n\n
And then like most technologies, it died. Well not really, it\u2019s still used to power 77.8% of the top 10 million websites [1]. As you can see jQuery is far from dead, but if you search job postings, you\u2019re not likely going to find any that are requiring that you know it. Why? Because newer technologies like React and Vue have taken over the scene. <\/p>\n\n\n\n
While jQuery was something that you could sprinkle into your webpage to create a dynamic site, React and Vue are libraries that allow you to build reusable components in JavaScript that are then used to produce a mixture of HTML and JavaScript that runs in the browser. But why just stop at the browser? React and Vue can both produce cross platform mobile apps as well as desktop apps.<\/p>\n\n\n\n
Nobody can really say that one is better than the other. In the end they essentially do the same thing. They have slight variations on how they achieve that though. For instance, Vue and Angular require using directives\u2013special tags in html\u2013that incorporate control blocks or loops. In React, it feels more like a mixture of JavaScript and HTML. With the creation of JSX\u2013JavaScript disguised as HTML tags that are transpiled to JavaScript\u2013one can create components that return a block of HTML looking code that has JavaScript within it.<\/p>\n\n\n\n
One compliment I have about Vue is that because Vue components separate out template, logic, and style so they\u00a0can<\/em>\u00a0look neater. React components incorporate the logic and presentation in the same component, though you can extract reusable logic into hooks and repeated code into smaller components to make React look neater too.\u00a0<\/p>\n\n\n\n So, If React, Angular, and Vue are essentially the same, why is React my favorite? Because it\u2019s the one I have most experience in and the one I feel most comfortable with\u00a0\ud83d\ude0e<\/p>\n\n\n\n From a job outlook perspective, I think it makes more sense to hone your React skills, it seems to be much more prevalent. But you can achieve the same results with either, so if it\u2019s a personal project I would choose the one I\u2019m most comfortable with or the one I like best. <\/p>\n\n\n\n Citations<\/p>\n\n\n\n Why is JavaScript so important? When I started programming, JavaScript was one of the first languages that I learned. Together with HTML and CSS, it allows for the creation of dynamic webpages. Without JavaScript, webpages would be mostly static; you\u2019d have to reload the page to see any updates after submitting a form or clicking… Continue reading Why React Is My Favorite Front End Framework<\/span><\/a><\/p>\n","protected":false},"author":11530,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-13","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/cunnicor\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/cunnicor\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/cunnicor\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/cunnicor\/wp-json\/wp\/v2\/users\/11530"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/cunnicor\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":3,"href":"https:\/\/blogs.oregonstate.edu\/cunnicor\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/blogs.oregonstate.edu\/cunnicor\/wp-json\/wp\/v2\/posts\/13\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/cunnicor\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/cunnicor\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/cunnicor\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}My Favorite <\/h2>\n\n\n\n
Which should you choose?<\/h2>\n\n\n\n