{"id":5601,"date":"2020-10-03T12:10:00","date_gmt":"2020-10-03T12:10:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=5601"},"modified":"2021-06-19T11:28:34","modified_gmt":"2021-06-19T11:28:34","slug":"why-and-how-to-learn-reactjs-in-2020","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/tutorial\/why-and-how-to-learn-reactjs-in-2020\/","title":{"rendered":"Why and How to learn ReactJS in 2020"},"content":{"rendered":"\n<p>Before starting to search for tutorials and articles about React, you need to know that you will have to learn more than just React to work with React. This is a good thing, you will see. React is a library that does one thing really well, but it\u2019s not the answer to everything.<gwmw style=\"display:none;\"><\/gwmw><\/p>\n\n\n\n<p>Any developer who is comfortable with HTML and one other programming language will be able to pick 100% of React in a very short time. A beginner programmer should be good enough to React in about a week. Then it will take some time to get used to the tools and other libraries that complete React like, for example, Redux.<\/p>\n\n\n\n<h3 id=\"whyyoushouldlearnandusereact\"><strong>Why you should learn and use React<\/strong><gwmw style=\"display:none;\"><\/gwmw><\/h3>\n\n\n\n<ol><li>Because of timing &#8211; Currently, React has the best momentum among all the front-end frameworks\/solutions\/libraries.<\/li><li>Because of the better job market &#8211; ReactJS related skills are going to be very in-demand on the job market. Also, Angular.JS is mostly searched in countries like India and the React.JS is more popular in places creating trends as, for example, San Francisco, Sydney, or Austin (that means, it\u2019s going to be more popular over time).<\/li><li>Because of its simplicity over Angular and other benefits &#8211; React.JS API is short and sweet. Redux helps in building more complex apps.<\/li><li>Because of its robust ecosystem &#8211; React has the most robust community regarding modular components that are shared online for reuse purposes.<\/li><\/ol>\n\n\n\n<p>If you are still wondering why to learn React, then you can find out in the Quora\u2019s answers:<gwmw style=\"display:none;\"><\/gwmw><\/p>\n\n\n\n<ul><li><a href=\"https:\/\/www.quora.com\/Is-React-killing-Angular\">Is React killing Angular?<\/a><\/li><li><a href=\"https:\/\/www.quora.com\/Which-is-better-Angular-or-React-in-2020\">Which is better, Angular, or React in 2020?<\/a><\/li><li><a href=\"https:\/\/www.quora.com\/Which-library-framework-is-preferred-for-web-development-React-Angular-or-Vue\">Which library\/framework is preferred for web development, React, Angular, or Vue?<\/a><\/li><\/ul>\n\n\n\n<h3 id=\"wheretolearnreactsbestpractices\"><strong>WHERE to learn React\u2019s best practices?<\/strong><gwmw style=\"display:none;\"><\/gwmw><\/h3>\n\n\n\n<p>You should watch this free&nbsp;<strong><a href=\"https:\/\/egghead.io\/courses\/start-learning-react\">React Fundamentals<\/a><\/strong>&nbsp;videos series at egghead \u2014 Course by @joemaddalone<gwmw style=\"display:none;\"><\/gwmw><\/p>\n\n\n\n<p>These video series will show you what is React and how it works and that will be enough at this point to grasp ES6 React basics.<gwmw style=\"display:none;\"><\/gwmw><\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><em><strong>Note<\/strong>:&nbsp;When watching this React videos series, be active and commit the code so you will learn much more by doing than only passively watching. After that don\u2019t waste time and money on other paid materials \u2014 it\u2019s not worth it at this point. Learn from other free documents listed below.<\/em><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><\/gwmw><\/p><\/blockquote>\n\n\n\n<p>Based on these&nbsp;<em>React Fundamentals<\/em>&nbsp;video series, make your first React App by watching this tutorial &#8211;&nbsp;<strong><a href=\"https:\/\/www.youtube.com\/watch?v=IR6smI_YJDE\">React Tutorial (with Webpack + ES6): Build a ToDo App with Best Practices.<\/a><\/strong><gwmw style=\"display:none;\"><\/gwmw><\/p>\n\n\n\n<h3 id=\"whyandwheretolearnredux\"><strong>Why and where to learn Redux<\/strong><gwmw style=\"display:none;\"><\/gwmw><\/h3>\n\n\n\n<p>Why use React altogether with Redux at all? Redux gives you a lot of convenience over plain React regarding storing data on the front-end. It\u2019s like an SQL database of your client-side app (not literally, just an analogy). With Redux, you can query SELECT, INSERT, and UPDATE the data in your single state tree.<\/p>\n\n\n\n<p><strong>Redux has advantages as follows:<\/strong><\/p>\n\n\n\n<ol><li>Redux is more comfortable to grasp than FLUX singleton approach<\/li><li>It has strong support from the community, and the Redux\u2019s creator (Dan Abramov) has become a part of FB\u2019s React team<\/li><li>Redux is powerful because it uses immutability as a default and is very helpful if you need to implement a server-side rendering (isomorphic javascript app)<\/li><\/ol>\n\n\n\n<h4><strong>Where to learn React + Redux best practices?<\/strong><gwmw style=\"display:none;\"><\/gwmw><\/h4>\n\n\n\n<ul><li><a href=\"https:\/\/egghead.io\/courses\/getting-started-with-redux\">Getting Started with Redux<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=BMPHfnAA9iI&amp;list=PLWxSJr7LCl87rxd7A4j9WEFUbJz4gTNLa\">How to use React with Firebase and Redux<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=raKV5Rb8oOM&amp;list=PLWxSJr7LCl87rGlQtTo2PoX8hboUU0R8a\">ReactJS and Redux Tutorial with real-life examples<\/a><\/li><\/ul>\n\n\n\n<h3 id=\"listofotherusefulreactcourses\"><strong>List of other useful React courses<\/strong><\/h3>\n\n\n\n<p><strong>Free Courses<\/strong><\/p>\n\n\n\n<ul><li><a href=\"https:\/\/www.codecademy.com\/learn\/react-101\">Codecademy: React 101<\/a>&nbsp;\u2014 Codecademy\u2019s introductory course for React.<\/li><li><a href=\"https:\/\/egghead.io\/courses\/start-learning-react\">Egghead.io: Start Learning React<\/a>&nbsp;\u2014 This series will explore the basic fundamentals of React<\/li><li><a href=\"https:\/\/www.robinwieruch.de\/the-road-to-learn-react\/\">The Road to Learn React<\/a>&nbsp;\u2014 Build a real-world application in plain React without complicated tooling.<\/li><li><a href=\"https:\/\/reacttraining.com\/patterns\/\">React Training: React Patterns<\/a>&nbsp;\u2014 Free lectures from React Training\u2019s \u201cAdvanced React.js\u201d course.<\/li><li><a href=\"https:\/\/egghead.io\/courses\/the-beginner-s-guide-to-reactjs\">Egghead.io: The Beginner\u2019s Guide to ReactJS<\/a>&nbsp;\u2014 Free course for React newbies and those looking to get a better understanding of React fundamentals.<\/li><\/ul>\n\n\n\n<p><strong>Paid Courses<\/strong><\/p>\n\n\n\n<ul><li><a href=\"https:\/\/egghead.io\/browse\/frameworks\/react\">Egghead.io<\/a>&nbsp;\u2014 Short instructional videos on React and many other topics.<\/li><li><a href=\"https:\/\/frontendmasters.com\/courses\/\">Front-end Master<\/a>s&nbsp;\u2014 Video courses on React and other front end frameworks.<\/li><li><a href=\"https:\/\/www.fullstackreact.com\/\">Full-stack React<\/a>&nbsp;\u2014 The up-to-date, in-depth, complete guide to React and friends.<\/li><li><a href=\"https:\/\/daveceddia.com\/pure-react\">Pure React<\/a>&nbsp;\u2014 A step-by-step guide to mastering React.<\/li><li><a href=\"https:\/\/reactforbeginners.com\">React for Beginners<\/a>&nbsp;\u2014 Learn React in just a couple of afternoons.<\/li><li><a href=\"https:\/\/courses.reacttraining.com\/p\/advanced-react\">React Training: Advanced React.js<\/a>&nbsp;\u2014 Take your React skills to the next level.<\/li><li><a href=\"https:\/\/tylermcginnis.com\/courses\/\">Tyler McGinnis<\/a>&nbsp;\u2014 Tyler McGinnis provides access to his courses for a monthly fee. Courses include \u201cReact Fundamentals\u201d and \u201cUniversal React.\u201d<\/li><\/ul>\n\n\n\n<p><gwmw style=\"display:none;\"><gwmw style=\"display:none;\"><\/gwmw><\/gwmw><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before starting to search for tutorials and articles about React, you need to know that you will have to learn more than just React to work with React. This is a good thing, you will see. React is a library that does one thing really well, but it\u2019s not the answer to everything. Any developer [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":5602,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[145,77,81,62],"tags":[146,73,82,133,110,217],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/09\/Why-and-How-to-learn-ReactJS.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-1sl","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/5601"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=5601"}],"version-history":[{"count":2,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/5601\/revisions"}],"predecessor-version":[{"id":6256,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/5601\/revisions\/6256"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/5602"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=5601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=5601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=5601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}