<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Omorugie Oyibotha</title>
    <description>The latest articles on Forem by Omorugie Oyibotha (@rayrugie).</description>
    <link>https://forem.com/rayrugie</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F435758%2F2726f936-bb6c-43fa-922a-0308ac512bf1.png</url>
      <title>Forem: Omorugie Oyibotha</title>
      <link>https://forem.com/rayrugie</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/rayrugie"/>
    <language>en</language>
    <item>
      <title>Why I Want to Be a Front-End Developer and How HNG Will Help Me Achieve My Goals</title>
      <dc:creator>Omorugie Oyibotha</dc:creator>
      <pubDate>Thu, 30 Jan 2025 06:28:18 +0000</pubDate>
      <link>https://forem.com/rayrugie/why-i-want-to-be-a-front-end-developer-and-how-hng-will-help-me-achieve-my-goals-4l5g</link>
      <guid>https://forem.com/rayrugie/why-i-want-to-be-a-front-end-developer-and-how-hng-will-help-me-achieve-my-goals-4l5g</guid>
      <description>&lt;p&gt;Having a keen interest in technology has always been complemented by my other interest--the creation of aesthetically pleasing interactive websites. A mixture of all these creative and logical elements forms the basis of front-end web development, enabling me to design user experiences that not only impress but change the very fabric of living. Nothing is more fulfilling than transforming static design into reality via coding, and my desire is to cultivate more knowledge and acquire the skills required to grow into a competent developer.&lt;br&gt;
  A foot on designs and another on functionality-I find the balance between these two worlds in front-end development. Writing HTML, CSS and JavaScript are my means to turn ideas into reality where sites will be functional and also look good. I want to master frameworks such as React.js and Next.js so I could achieve building applications in a scalable and high-performance way.  &lt;/p&gt;

&lt;p&gt;&lt;u&gt;&lt;strong&gt;How HNG Will Help Me Grow in the Field&lt;/strong&gt;&lt;/u&gt;&lt;br&gt;
HNG is renowned for its hands-on, fast-paced learning environment, which seems to be the best pace to upscale my front end development journey. The structured mentorship, real-time projects, and collaborative learning will help me get tangible experience and build a worthy portfolio.&lt;br&gt;
    One thing that excites me about HNG is the opportunity to work on projects emulating real-life client demands. That will empower me in solving problems and consequently strengthening my coding ability to write clean and maintainable code. Networking with like-minded developers and industry professionals will further avail opportunities for jobs and collaborative efforts.&lt;br&gt;
My Goals for the Internship and How I Plan to Achieve Them&lt;/p&gt;

&lt;p&gt;&lt;u&gt;&lt;strong&gt;My objectives during the HNG internship will be:&lt;/strong&gt;&lt;/u&gt; &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Working towards becoming better with front-end technologies: I will focus on making myself a better person by digging deeper into knowledge about JavaScript, React.js, and Next.js. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Building applications in the real world: Working on real-life projects will give me a chance to apply my skills in practice. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Assess and develop my problem-solving skills: In trying to debug and troubleshoot code, I will develop strong analytical ability.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Learn from the best in the industry: I will utilize mentorships and peer reviews fully to fine-tune my programming skills.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Build my professional network: Networking with my fellow interns and mentors will help me grow in the tech industry.&lt;br&gt;
With a firm footing in front-end development, I want to stand out in this profession. Hiring &lt;a href="https://hng.tech/hire/reactjs-developers" rel="noopener noreferrer"&gt;React.js developers&lt;/a&gt; to put life into ideas is an eventuality for companies developing interactive and scalable applications. &lt;a href="https://hng.tech/hire/nextjs-developers" rel="noopener noreferrer"&gt;Next.js developers&lt;/a&gt; are also contracted by firms that would like to hire development teams for the creation of fast, SEO-friendly server-side rendered applications.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;It is indeed a pretty daunting, yet highly fruitful, prospect to join the front-end developers' league. HNG provides an immersive experience to compel my growth and sharpening of skills. By the time I am done with this internship, I would become a confident and competent front-end developer suitable for drumming up exciting opportunities in the tech business. This journey excites me, and I expect to give my very best in this fascinating learning experience.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Simplifying The Stack: Angular or React - A Developer's Decision Guide in 2024</title>
      <dc:creator>Omorugie Oyibotha</dc:creator>
      <pubDate>Mon, 01 Jul 2024 01:52:22 +0000</pubDate>
      <link>https://forem.com/rayrugie/simplifying-the-stack-angular-or-react-a-developers-decision-guide-in-2024-1a0i</link>
      <guid>https://forem.com/rayrugie/simplifying-the-stack-angular-or-react-a-developers-decision-guide-in-2024-1a0i</guid>
      <description>&lt;p&gt;&lt;strong&gt;Introduction&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;In the fast-growing world of frontend development, you can live or die with your chosen technology. Today React and Angular are two of the most popular frontend frameworks There are various such that all have different features and advantages. This article covers the important differences and even more importantly what aspect of each tool shines through in this comparison. So I will share my own expectations and experience with React as a participant in the HNG Internship program doing using ReactJS.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What is React?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;React is a JavaScript library which was released by Facebook in 2013, used for building user interfaces. It follows a component-based architecture which means you can create UI components that are reusable. React is very performant, simple and flexible. It simply uses a Virtual DOM to render and efficiently updating components that in turn makes the user experience better.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Key Features of React&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Component-Based Architecture - UI is broken down into reusable components,&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Virtual DOM: Improved performance due to lesser direct manipulation of the Document Object Model.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;One-Way Data Binding: This predictability, which is easy to debug code&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;However there is a wide rich ecosystem of libraries and utilities to enhance it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What is Angular?&lt;/strong&gt;&lt;br&gt;
Angular is a complete web application framework created and supported by Google since the year 2010. This contrasts with React that behaves like a library where you have to plug in other libraries or frameworks to fully utilize it in your project. Among other things it offers, out-of-the-box functionality for form validation, routing, as well as an HTTP client. In extension, unlike JavaScript, it employs TypeScript which is statically typed enabling developers to make applications at scale as it has extra syntax features.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Key Features of Angular&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Two-way data binding: A feature that makes sure that any changes to the model can be traced to the view immediately; &lt;/li&gt;
&lt;li&gt;Dependency injection: a way of managing component instantiation and relationships between them; &lt;/li&gt;
&lt;li&gt;comprehensive toolkit: A toolbox that has everything you need to develop a whole application; &lt;/li&gt;
&lt;li&gt;Reactive programming using RxJS: use of tools that are very helpful when dealing with asynchronous data streams.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Comparing React and Angular&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Learning Curve:&lt;/strong&gt;&lt;br&gt;
React is simpler than Angular, which means that newbies may find it easier to learn. Since JavaScript (or JSX) is used, it is preferable for those who already know JavaScript. In contrast, Angular takes some time to get used to due to its cumbersome nature and TypeScript, although it comes as a full package.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Performance:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;React shines in performance owing to its virtual DOM and efficient rendering. This performance is further enhanced by its component-based approach that ensures only the required parts of UI are updated. Angular, on the other hand, has robust performance but its two-way data binding tends to introduce unnecessary performance overheads in some cases. However, when used with Ahead-Of-Time (AOT) compilation Angular can significantly boost performance because it compiles code before it is loaded into a browser tabular form.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Flexibility:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;React can be very flexible in that it can be combined with various libraries and tools. As a result of this, it is easy to choose the most appropriate tools for its implementation by developers. Angular on the other hand is relatively less malleable compared to React because it is all-inclusive coming with its tools and features. This makes it ideal for teams looking out for uniform development.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;My Experience with React in the HNG Internship&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;During my internship at the HNG I had an experience with React. The most important framework utilized in almost all our projects is ReactJS. The aspect of component-based architecture in React has made it easier for the team to effectively develop growth able applications that are easy to maintain at the same time. Our applications are now reputable for being swift and highly responsive, since the introduction of virtual DOM to React. React boasts of an extremely wide ecosystem within which we rely on so many tools and libraries for improving the development process.&lt;br&gt;
I cannot express enough how much of an amazing learning experience I have had being part of the HNG Internship; I have been able to engage with actual programs, work with some really good programmers while better grasping ReactJS. And all these thanks to the mentorship program and practical approach taken during learning! I am so motivated to keep on working with react!.&lt;/p&gt;

&lt;p&gt;In conclusion, React and Angular each possess their strengths which makes them suitable solutions based on the kind of project requirements needed. In the case where one might need to make interfaces quickly without any baggage attached then it means React is the best choice for him/her on the other hand; If developers work together collaboratively within one code base or team structure they should choose Angular because it offers everything in one package. Ultimately what matters most is that you use what fits into your project requirements as well as the skills available from your teammates.&lt;br&gt;
If the HNG Internship and its opportunities fascinate you, then here are links worth visiting&lt;br&gt;
&lt;/p&gt;
&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;a href="https://hng.tech/internship" rel="noopener noreferrer"&gt;
      hng.tech
    &lt;/a&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;a href="https://hng.tech/premium" rel="noopener noreferrer"&gt;
      hng.tech
    &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>react</category>
      <category>angular</category>
      <category>frontend</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
