<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Component Lifecycle on AI VOID</title><link>https://ai-blog.noorshomelab.dev/tags/component-lifecycle/</link><description>Recent content in Component Lifecycle on AI VOID</description><generator>Hugo</generator><language>en</language><lastBuildDate>Wed, 14 Jan 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://ai-blog.noorshomelab.dev/tags/component-lifecycle/index.xml" rel="self" type="application/rss+xml"/><item><title>Chapter 1: React Fundamentals &amp;amp; Core Concepts</title><link>https://ai-blog.noorshomelab.dev/react-interview-2026/react-fundamentals-core-concepts/</link><pubDate>Wed, 14 Jan 2026 00:00:00 +0000</pubDate><guid>https://ai-blog.noorshomelab.dev/react-interview-2026/react-fundamentals-core-concepts/</guid><description>&lt;h2 id="introduction"&gt;Introduction&lt;/h2&gt;
&lt;p&gt;Welcome to Chapter 1 of your comprehensive React interview preparation guide! This chapter is meticulously designed to solidify your understanding of React&amp;rsquo;s foundational principles and core concepts. Whether you&amp;rsquo;re an aspiring junior developer, a mid-level engineer looking to reinforce your knowledge, or a senior professional needing a refresh on the latest best practices, mastering these fundamentals is paramount.&lt;/p&gt;
&lt;p&gt;In today&amp;rsquo;s fast-evolving frontend landscape, a deep grasp of React&amp;rsquo;s inner workings – from JSX and the Virtual DOM to component lifecycle and the effective use of Hooks – is non-negotiable. This chapter will equip you with the theoretical knowledge and practical insights needed to confidently answer common interview questions, tackle coding challenges, and articulate your understanding of how modern React applications (React v18.x and beyond) are built and optimized.&lt;/p&gt;</description></item><item><title>Chapter 8: Angular Core Concepts MCQ Assessment</title><link>https://ai-blog.noorshomelab.dev/angular-interview-prep-2025/angular-core-concepts-mcq/</link><pubDate>Tue, 23 Dec 2025 00:00:00 +0000</pubDate><guid>https://ai-blog.noorshomelab.dev/angular-interview-prep-2025/angular-core-concepts-mcq/</guid><description>&lt;h2 id="introduction"&gt;Introduction&lt;/h2&gt;
&lt;p&gt;Welcome to Chapter 8: Angular Core Concepts MCQ Assessment. This chapter is designed to rigorously test your foundational knowledge of Angular, covering essential concepts that are frequently assessed in technical interviews. From component lifecycle to change detection and dependency injection, a strong grasp of these core principles is crucial for any Angular developer.&lt;/p&gt;
&lt;p&gt;This assessment is particularly relevant for mid-level professionals and aspiring senior developers, though entry-level candidates with a solid understanding of Angular fundamentals will also benefit. The questions reflect the evolution of Angular from version 13 up to the latest stable releases as of December 2025, incorporating features like Standalone Components, Signals, and the new control flow syntax. Successfully navigating these multiple-choice questions will not only validate your understanding but also highlight areas for further study, ensuring you are well-prepared for the theoretical aspects of your next Angular interview.&lt;/p&gt;</description></item><item><title>Chapter 11: Frontend Technical Mock Interview Scenario</title><link>https://ai-blog.noorshomelab.dev/angular-interview-prep-2025/frontend-technical-mock-interview/</link><pubDate>Tue, 23 Dec 2025 00:00:00 +0000</pubDate><guid>https://ai-blog.noorshomelab.dev/angular-interview-prep-2025/frontend-technical-mock-interview/</guid><description>&lt;h2 id="introduction"&gt;Introduction&lt;/h2&gt;
&lt;p&gt;Welcome to Chapter 11: Frontend Technical Mock Interview Scenario. This chapter is designed to simulate a realistic technical interview experience for mid-to-senior level Angular developers aiming for challenging roles at top-tier companies. A mock interview is an invaluable tool, providing a safe environment to practice articulating your thoughts, solving problems under pressure, and refining your communication skills before the real deal.&lt;/p&gt;
&lt;p&gt;In this scenario, we will cover a broad spectrum of Angular knowledge, ranging from fundamental concepts like component lifecycle and change detection to advanced topics such as system design, modern design patterns, performance optimization, and the latest features introduced in Angular versions from v13 up to v21 (as of December 2025). The questions are crafted to assess not just your theoretical understanding, but also your practical experience, problem-solving abilities, and architectural thinking.&lt;/p&gt;</description></item><item><title>Project Chapter 15.2: Displaying User List</title><link>https://ai-blog.noorshomelab.dev/angular-v21-mastery/chapter-15-2-displaying-user-list/</link><pubDate>Wed, 20 Aug 2025 00:00:00 +0000</pubDate><guid>https://ai-blog.noorshomelab.dev/angular-v21-mastery/chapter-15-2-displaying-user-list/</guid><description>&lt;h2 id="project-chapter-152-displaying-user-list"&gt;Project Chapter 15.2: Displaying User List&lt;/h2&gt;
&lt;p&gt;Now that we have our &lt;code&gt;User&lt;/code&gt; interface and &lt;code&gt;UserService&lt;/code&gt; set up, it&amp;rsquo;s time to build the UI to display our list of users. In this chapter, we&amp;rsquo;ll create the &lt;code&gt;UserListComponent&lt;/code&gt;, which will:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Inject &lt;code&gt;UserService&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Subscribe to the &lt;code&gt;users$&lt;/code&gt; Observable from the service.&lt;/li&gt;
&lt;li&gt;Display the users using Angular&amp;rsquo;s new &lt;code&gt;@for&lt;/code&gt; control flow.&lt;/li&gt;
&lt;li&gt;Show loading and error states using signals and &lt;code&gt;@if&lt;/code&gt; control flow.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;This chapter will highlight how signals (within a &lt;code&gt;BehaviorSubject&lt;/code&gt; in our service, then mapped to a component signal) and zoneless change detection (via the &lt;code&gt;async&lt;/code&gt; pipe or direct signal access) streamline UI updates.&lt;/p&gt;</description></item></channel></rss>