{"id":16,"date":"2021-10-29T06:31:45","date_gmt":"2021-10-29T06:31:45","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/renteril\/?p=16"},"modified":"2021-10-29T06:31:45","modified_gmt":"2021-10-29T06:31:45","slug":"react-and-the-initial-the-learning-curve","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/renteril\/2021\/10\/29\/react-and-the-initial-the-learning-curve\/","title":{"rendered":"React and the Initial The Learning Curve."},"content":{"rendered":"\n<p>React and the Initial The Learning Curve.<\/p>\n\n\n\n<p>As I was learning the React framework, I must admit. I struggled a bit. I had thought that the React framework would be something simple to understand. I thought it would be a similar experience to when I learned Python. Python was an easy language to learn because I was coming from C++ and Java. With C++, you have some basic data structures and pointers. In contrast, Python has higher-level abstractions where you don&#8217;t need to worry about things like memory. Since it&#8217;s a weakly typed language, you don&#8217;t need to be precise either.<\/p>\n\n\n\n<p>I thought React would be the same way. I already knew a bit of CSS, HTML, and Javascript. React is supposed to make these processes more manageable.<\/p>\n\n\n\n<p>Well. It wasn&#8217;t as easy as I thought it would be. React is complex. There is the prop and state system for one. Also, it requires a lot of &#8216;wiring up&#8217;. For example, for a child component to cause a parent component to rerender, you must use a callback function. Not only that, you have to ensure that you can bind functions so that they don&#8217;t lose their parent reference. In a sense, I realized that callbacks are the &#8216;bread and butter of React. And if you don&#8217;t have a good understanding of callbacks, you may end up struggling as I did initially.<\/p>\n\n\n\n<p>However, now that I&#8217;ve gotten over the hump. I can now appreciate the versatility of React and how it makes a lot of dynamic aspects of web development much more effortless.<\/p>\n\n\n\n<p>However, it <em>was<\/em> a steep learning curve. And I&#8217;ve barely understood enough to start working with it on a more manageable level. It&#8217;s a learning experience that I want to keep in mind because now that I think about how React works, it actually seems a lot simpler. But to get to the stage of something seeming more simple took weeks. Weeks of fighting against the system and hours of debugging things whenever I made a mistake.<\/p>\n\n\n\n<p>I want to keep this in mind because it&#8217;s important to be sympathetic to others when they are initially struggling to learn a new stack. I know I&#8217;ve had my share of people impatient with me when something seemed so easy to them, where I&#8217;m having difficulty working the ins and outs of a stack. But once I learned it, it also now &#8216;appears&#8217; less complex than it initially did. That is an illusion. It is complex, but our minds have abstracted the details.<\/p>\n\n\n\n<p>I don&#8217;t want to be that person that gets frustrated or impatient with another person because they haven&#8217;t quite got it. I don&#8217;t want to be blinded by my own &#8216;expertise.&#8217; I want to let others know that it&#8217;s okay to feel that you&#8217;re in the muck, knee-deep in something, and feeling lost in the fog of information. But over time, you&#8217;ll eventually figure it out, and then it will seem less complex, more straightforward. But keep in mind, it wasn&#8217;t. And it won&#8217;t be for others either.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>React and the Initial The Learning Curve. As I was learning the React framework, I must admit. I struggled a bit. I had thought that the React framework would be something simple to understand. I thought it would be a similar experience to when I learned Python. Python was an easy language to learn because&hellip; <a class=\"more-link\" href=\"https:\/\/blogs.oregonstate.edu\/renteril\/2021\/10\/29\/react-and-the-initial-the-learning-curve\/\">Continue reading <span class=\"screen-reader-text\">React and the Initial The Learning Curve.<\/span><\/a><\/p>\n","protected":false},"author":11686,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-16","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/renteril\/wp-json\/wp\/v2\/posts\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/renteril\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/renteril\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/renteril\/wp-json\/wp\/v2\/users\/11686"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/renteril\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":1,"href":"https:\/\/blogs.oregonstate.edu\/renteril\/wp-json\/wp\/v2\/posts\/16\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/blogs.oregonstate.edu\/renteril\/wp-json\/wp\/v2\/posts\/16\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/renteril\/wp-json\/wp\/v2\/media?parent=16"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/renteril\/wp-json\/wp\/v2\/categories?post=16"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/renteril\/wp-json\/wp\/v2\/tags?post=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}