Resources  
  • Why the Component Data Must be a Function in Vue.jsMar 28, 2024. In Vue.js, component data must be returned by a function to ensure data isolation and reactivity. This prevents shared data issues between instances, maintaining code modularity and reliability in component-based architecture.
  • What is the Directive in Angular?Mar 28, 2024. During development, many user Interfaces are often created. The directives will provide flexible support to modify the styles, manage the user Inputs, and manipulate the DOM much more easily.
  • Developing a Walkthrough Component in PowerAppsMar 27, 2024. Create intuitive user experiences by developing a Walkthrough Component in PowerApps. Guide users seamlessly through your app's features with interactive tutorials and enhance navigation for a smoother user journey.
  • Create Animated ATM Cards Using React With BootstrapMar 24, 2024. In this article, I will show you steps to make an interactive credit card form UI component in React application using the react-credit-cards-2 library.
  • Learn about Spinners in BootstrapMar 22, 2024. In this article will we learn type of spinners in Bootstrap5
  • What is Prop Drilling in Vue.jsMar 20, 2024. In this article, we will learn Prop drilling in Vue.js refers to the process of passing data from a parent component down through multiple layers of nested child components.
  • What Is the Best Way to Re-render a Component in Vue.jsMar 18, 2024. Vue.js empowers component re-rendering through its reactivity system, updating the DOM when data changes. Utilize data properties, watchers, or force re-rendering for effective component updates in Vue.js applications.
  • Vue.js Multi-Word Component Naming RecommendationsMar 18, 2024. Using multi-word component names in Vue.js enhances code readability, clarity, and consistency. It helps in avoiding naming collisions and makes code more accessible and maintainable. Examples illustrate these benefits.
  • React Apexcharts: Create & Download Column Bar Chart with BootstrapMar 16, 2024. In this tutorial, we will learn how to create a vertical column bar chart component in the React JS functional component. Creating a Column Bar Chart component in React using Apexcharts and Bootstrap. Configure data and options for visualization.
  • Input Mask Directive in Vue.js Mar 13, 2024. Learn to implement input masks in Vue.js to format and control data input. Create a directive to apply masks, removing non-digit characters while retaining specified formats like phone numbers.
  • Understanding the .NET Internal Compile ProcessMar 11, 2024. In this article, we will learn about CLR, Jit Compiler, and how the .NET compilation process works. Understanding the .NET internal compile process involves dissecting how source code is translated into executable binaries.
  • Component Reusability, Virtual DOM & Seamless Integration in ReactJSMar 11, 2024. The hype around React seems to never get down. Many developers jump right into the codes without having a clear picture of what it actually is. In this article, I will expose that I have learnt and experienced in my journey to learn React. I will also be sharing some challenges that you may face.
  • Create & Download Area Chart using React Apexcharts with BootstrapMar 10, 2024. Create an Area chart component in a React.js functional component using Apexcharts and Bootstrap libraries. Explore Apexcharts' features, step-by-step implementation, and visualization of data.
  • Leveraging Compiled Queries for Enhanced Performance in LINQMar 09, 2024. Compiled queries in LINQ allow developers to pre-compile LINQ queries into executable delegates, reducing the overhead of query compilation and optimization. By caching the compiled query execution plan, compiled queries improve the performance of frequently executed or complex queries in C# applications.
  • Decoding Expression Trees in C#Mar 08, 2024. This article contains the details of how to Decoding Expression Trees in C#.
  • A Comprehensive Guide to Nullable Reference Types in C# 10Mar 07, 2024. Explore a comprehensive guide to leveraging nullable reference types in C# 10 by Ziggy Rafiq, providing detailed explanations, code examples, and best practices for improving code safety and robustness. Learn how nullable reference types enable developers to catch null-related bugs at compile time, reducing the likelihood of runtime errors and enhancing code quality.
  • How to Create Truncate Filter in Vue.js Mar 06, 2024. Create a Vue.js truncate filter by defining a custom filter that shortens text to a specified length. Register the filter globally, then use it in your component templates as needed.
  • What Is Route-Based Code Splitting in React.js?Mar 05, 2024. Route-based code splitting in React.js enhances performance by loading only the necessary code for specific routes or pages. This technique is crucial for large applications with multiple routes, ensuring optimized loading times. To implement, use dynamic imports with React Router and wrap components in Suspense for a seamless user experience.
  • Explain Vue.js Computed PropertiesMar 04, 2024. Vue.js, a progressive JavaScript framework, provides developers with powerful tools to create dynamic and responsive web applications. One such tool that significantly enhances the reactivity of your Vue components is computed properties.
  • Vue.js v-for: Creating Dynamic Components with PropsMar 01, 2024. Vue.js is renowned for its ability to create dynamic and interactive user interfaces, and the v-for directive stands out as a powerful tool when it comes to dynamically generating components. In this article, we will delve into the intricacies of using v-for to create component elements based on an array.
  • Fluent UI Components in Power AppsMar 01, 2024. Unleashing the Power of PowerApps: A Deep Dive into Fluent UI Components” is an insightful guide that explores the integration of Fluent UI components into PowerApps. This article provides a comprehensive understanding of how to enhance your PowerApps with Fluent UI’s versatile and user-friendly components.
  • Learn Component Scope in Vue.js Feb 29, 2024. Vue.js 2 provides a powerful component system that facilitates building modular and maintainable applications. One critical aspect of component design is understanding and managing component scope. In this article, we'll explore the concepts of local and global components in Vue.js.
  • Write Duplicate Virtual Nodes in a Component in Vue.jsFeb 28, 2024. In Vue.js, maintaining clean and efficient components is crucial. This article explores various methods for rendering multiple instances of the same component or element, including v-for, computed properties, methods, and named slots.
  • Difference Between Element and Component in React.js Feb 27, 2024. In React, elements and components are fundamental concepts serving distinct roles. Elements are the smallest building blocks describing what to render, while components are reusable code managing UI display and state.
  • What is Purpose of Keep Alive Tag in Vue.jsFeb 23, 2024. The <keep-alive> tag in Vue.js preserves the state of dynamic components, optimizing performance by caching and reusing them. Maintain state and improve performance in dynamic Vue.js applications.
  • What is Global Registration in Components in Vue.jsFeb 22, 2024. Global registration of components in Vue.js simplifies usage across the application without importing into each component. Learn the process, pros, cons, and best practices with code examples for effective implementation.
  • What Are Single File Components in Vue.jsFeb 22, 2024. Single File Components (SFCs) in Vue.js consolidate templates, scripts, and styles in one file, enhancing organization. The example demonstrates creating and using a TodoItem component for a clear structure and efficient development.
  • What are Higher-Order Components in React.jsFeb 22, 2024. Higher-order components (HOCs) in React.js enable reusable logic by creating functions that enhance components. Understand their role, advantages, and usage with a detailed explanation and practical example.
  • What are Pure Components?Feb 21, 2024. Pure Components in React, implemented through React.PureComponent or shouldComponentUpdate(), optimizes performance by preventing unnecessary renders through shallow prop and state comparisons, enhancing code simplicity and predictability.
  • What are Uncontrolled Components in React?Feb 21, 2024. Uncontrolled components in React delegate form data management to the DOM, allowing the DOM to handle the state of form elements, often resulting in simpler implementations and potential performance benefits.
  • Learn about Components in Vue.js Feb 21, 2024. Vue.js is a popular JavaScript framework for building interactive user interfaces. One of its key features is the use of components, which allows developers to create reusable and self-contained pieces of code. In this guide, we will explore the fundamentals of Vue.js components and demonstrate their power through practical examples.
  • What are Recursive Components in Vue.js?Feb 20, 2024. Recursive components in Vue.js are components that are capable of rendering themselves within their own template. Here's a breakdown of how recursive components work and how to implement them.
  • PowerApps Component Framework (PCF) + ReactFeb 18, 2024. Article that explores the integration of Microsoft’s PowerApps Component Framework with the popular JavaScript library, React. The article provides a comprehensive guide on how to leverage the robustness of PCF and the flexibility of React to build dynamic and efficient applications.
  • Power Apps Components Framework (PCF)Feb 15, 2024. The Power Apps Components Framework (PCF) empowers developers to create custom controls for Microsoft Power Apps and Dynamics 365, enhancing user experiences and extending functionalities.
  • Mastering Middleware in .NETFeb 13, 2024. Discover the role and importance of middleware in .NET development. Explore its implementation, patterns, and integration within the ASP.NET request processing pipeline for enhanced application functionality and flexibility.
  • How to Implement Approval in Teams Using Adaptive CardsFeb 13, 2024. This article introduces Adaptive Cards, versatile user interface components formatted in JSON, capable of seamless integration across various platforms. It delves into their significance in enabling lightweight UI exchange between applications and outlines.
  • What is the Purpose of renderError?Feb 13, 2024. RenderError in Vue.js provides a fallback mechanism to handle rendering errors within components, allowing graceful handling and presentation of errors to users for a smoother user experience.
  • React Design Pattern Series: Mastering Render Props PatternFeb 13, 2024. The article delves into the power and flexibility of React render props as a fundamental design pattern in React development. Exploring the concept, benefits, and real-world use cases, the article demonstrates how render props allow for the seamless sharing of code between components.
  • React Design Pattern Series: Container/Presentational PatternFeb 13, 2024. Learn how to master the Container/Presentational Pattern in React with our comprehensive guide. This design pattern separates view and application logic, promoting improved code organization, reusability, and easier testing.
  • React Design Pattern Series: Mastering HOC PatternFeb 13, 2024. This React Design Pattern Series introduces the Higher Order Component (HOC) pattern, a powerful tool in React development. Exploring its definition, benefits, and a real-world example of an authentication HOC, the article emphasizes cleaner, more reusable components.
  • Polymorphism Concept in Object-Oriented ProgrammingFeb 12, 2024. What do you mean by polymorphism? Polymorphism is explained with C# examples, Polymorphism, a concept extending beyond programming, is illustrated in everyday scenarios. Electrical outlets serve as an analogy, supporting diverse devices—an example of polymorphism manifesting in real life.
  • Master Advanced Angular Techniques for Skillful DevelopmentFeb 12, 2024. Explore advanced Angular techniques and elevate your development skills with this comprehensive guide. Delve into topics such as lazy loading modules, dynamic component creation, and advanced routing techniques, all accompanied by code examples for practical implementation.
  • What is a Wrapper Component in React?Feb 09, 2024. Wrapper components in React.js refer to components that encapsulate other components or elements within them. They are commonly used for various purposes such as styling, behavior modification, context management, implementing Higher-Order Components (HOCs).
  • Create Cloud Architecture Diagrams in Python with Diagrams LibraryFeb 06, 2024. The Diagrams library by Mingrammer provides a Pythonic approach to creating cloud system architecture diagrams. It allows developers to define components and their interactions using Python code
  • What is Components in ReactFeb 05, 2024. Explore React.js components, the core building blocks of React applications. Learn about six types of components: Functional, Class, Pure, High Order, Controlled and Uncontrolled.
  • Angular Content Projection: UI Flexibility and ReusabilityJan 31, 2024. Angular's content projection, also known as transclusion, elevates UI flexibility and reusability within the framework. By enabling the injection of content from a parent component into designated slots within a child component's template, Angular facilitates the creation of versatile and reusable components.
  • Advanced Dynamic Components in Vue.jsJan 25, 2024. Vue.js provides a powerful mechanism for dynamically switching and managing components within your application through the use of dynamic components and the 'is' attribute. This article explores four distinct examples that showcase the versatility and capabilities of dynamic components in Vue.js.
  • Basic Components in Azure Data FactoryJan 23, 2024. Azure Data Factory (ADF), Microsoft's integration service for orchestrating workflows and data integration with 90+ connectors. Learn about key features like pipelines, activities, datasets, linked services, integration runtimes, and triggers.
  • Vue.js v2: A Guide with Components, Reactivity, Routing, and TransitionsJan 21, 2024. Vue.js version 2 brought significant improvements and features. In this part of the tutorial, we will delve into some essential aspects and provide examples for each.
  • Handling Observables with NgIf and Async PipeJan 17, 2024. Explore the effective use of Angular's *ngIf directive and the async pipe to efficiently handle observables in your Angular applications. Learn how to seamlessly manage asynchronous data, dynamically update the UI, and enhance the overall responsiveness of your web pages.
  • Effective State Management in React.jsJan 12, 2024. In this article, we will explore various techniques for state management in React.js, accompanied by practical examples.
  • Props-Pass Tango: A Guide of Component Communication in ReactDec 28, 2023. A Guide to Component Communication in React.
  • React Function ComponentsDec 27, 2023. Embark on a magical coding journey into the enchanted land of React function components. Discover the wizardry of creating reusable spells, understand the magic of Hooks, and become the hero coder.
  • JSX Simplified: Your Easy Guide to React Magic! ✨📚Dec 27, 2023. Dive into the world of JSX with this easy guide! Learn the basics, syntax, and rules of React's playful extension. JSX, which stands for JavaScript XML, is a syntax extension for JavaScript.
  • Components of Microsoft FabricDec 24, 2023. Embark on a journey through Microsoft Fabric's analytics experiences, a meticulously crafted suite tailored for diverse roles. Dive into Data Engineering, Data Factory, Data Science, Data Warehouse, and Real-Time Analytics for comprehensive end-to-end analytical solutions.
  • How to Create Floating Textfield in SwiftUI?Dec 10, 2023. In this article we are going to learn how we can create floating textfield in swiftUI.
  • PowerApps Reusable Component for left or top navigationDec 03, 2023. In this post, we will see how to create a reusable component which could be used as left or top navigation.
  • Components of a CDN (Content Delivery Network)Dec 01, 2023. In this article, we will understand about different components of a CDN link which we use very oftentimes in our websites' codes.
  • How to Implement Server-Driven UI in SwiftUINov 30, 2023. Uncover the step-by-step process of implementing Server-Driven UI in SwiftUI with this comprehensive guide. Learn how to seamlessly integrate server-driven data into your SwiftUI app, leveraging its declarative syntax and data binding capabilities.
  • Identity API Endpoints based Authentication and Authorization in .NET 8Nov 15, 2023. The second step in adding token-based authentication to ASP.NET Core Identity is to introduce the Identity API endpoints. Basically, this is an API version of the actions that you can perform with ASP.NET Core Identity through the classic web UI. Once you enable the Identity API endpoints, you will get endpoints like /register, /login, /forgotPassword, confirmEmail, etc.
  • Data Transfer Without Parent and Child ComponentOct 31, 2023. This content explains sharing data between Angular components via a service. It covers steps such as service creation, data sharing via click, and retrieval using data services.
  • Networking Components in Microsoft AzureOct 22, 2023. In this article, we delve into the world of networking within Microsoft Azure. Networking is a vital component of any cloud solution, facilitating communication between resources and users. Azure boasts a suite of networking services designed to connect, secure, deliver, and monitor applications in the cloud.
  • How To Render Avatar Images From XML Data In Blazor?Oct 11, 2023. In this scenario, you'll need to read XML data, parse it, and then render avatar images inside a popup component in a Blazor application. This involves creating a data model, a service to handle XML parsing, and a component to display the avatars in the popup.
  • A Comprehensive Guide to Creating Angular LibrariesOct 07, 2023. Angular is a powerful front-end JavaScript framework that provides a robust library of tools and components for building dynamic web applications with ease. It offers a structured approach to web development, enhancing code reusability and maintainability.
  • A Deep Dive into Static Classes in C#Sep 25, 2023. This article, "Exploring Static Classes in C#," provides an in-depth exploration of the concept and practical applications of static classes in the C# programming language. It elucidates the fundamental characteristics of static classes, their unique features, and how they differ from regular classes. Readers will gain a comprehensive understanding of how static classes are used to encapsulate static members, such as methods, properties, and constants, within a C# application.
  • How to Use Remix IDE to Create and Deploy Smart Contracts?Sep 25, 2023. Smart contracts are self-executing digital agreements on blockchain, automating transactions and ensuring trust without intermediaries.
  • Dynamic Radio Button Component in Next.jsSep 21, 2023. Here we will learn how to create shared dynamic radio button component.
  • How to Publish React Components?Sep 08, 2023. In this comprehensive guide, we'll walk you through the step-by-step process of publishing your React components effectively. We provide clear examples and essential steps to ensure a successful component release.
  • Creating a Simple Calculator with React.jsAug 29, 2023. Learn how to craft a simple calculator using React.js. Follow our detailed steps to set up the environment, create components, implement logic, and add styling for a functional calculator app.
  • Creating a Dynamic DataGrid Sourced from Tree Component in BlazorAug 25, 2023. Creating a DataGrid component that receives data from Tree component. This combination of components can be super useful in scenarios like product catalogs, file explorers, and organizational charts etc.
  • How To Display Alert Message In React.jsAug 24, 2023. How to Display Alert Message in React.js is a concise guide that walks you through the process of implementing alert messages or notifications in your React.js application. With this guide, you'll learn how to effectively communicate important information to users in a user-friendly manner.
  • How to Create a NuGet Package For a .NET Library?Aug 21, 2023. Package your CAPTCHA library with NuGet for seamless integration in .NET projects. Simplify installation for developers, manage dependencies effortlessly, and enable smooth distribution of your ASP.NET CAPTCHA generation and verification library.
  • Creating a Tree Component in BlazorAug 16, 2023. Let's create a tree component for displaying data in a structured hierarchical manner. We're gonna use HTML to design a tree, C# to define a logic, JavaScript to handle events, and of course CSS to make it look pretty.
  • Sharing Data from Parent to Child Components in Angular using @Input()Aug 15, 2023. Angular is a popular front-end framework that promotes component-based architecture. One common scenario in web development is passing data from a parent component to a child component for rendering or interaction purposes. Angular provides a simple and effective way to achieve this using the @Input() decorator.
  • API Integration In Angular with Complete Example Aug 11, 2023. Angular is a popular open-source JavaScript framework for building dynamic and sophisticated web applications. It is developed and maintained by Google and is designed to simplify the development process by providing a structured framework for building single-page applications (SPAs) and web applications in general.
  • Building Custom Middleware Components for Logging, Error Handling, and Request/Response ModificationAug 09, 2023. ASP.NET Core to handle cross-cutting concerns like logging, error handling, and request/response modification:
  • Standalone Component : A new approach to design Angular ApplicationAug 03, 2023. In this article, we will discuss related to the Standalone Component in Angular Framework. We also demonstrate how we can implement it in any angular applicaiton.
  • Dynamically load, compile, run, and interact with C# codeAug 01, 2023. We will look into how we can dynamically load C# code into our solution, compile this code, run it, and then interact with it to call methods
  • Power Apps Signup Guide with Professional EmailJul 28, 2023. A deep dive on to how to do the signup to Powerapps with the personal email id and the professional email
  • Creating Custom Components in BlazorJul 21, 2023. Building Custom Components in Blazor: Create Reusable UI Elements Using C# and .NET. Learn to build interactive web apps with Microsoft's open-source framework.
  • Component-Based Architecture in AngularJul 20, 2023. Angular's component-based architecture promotes reusability and modularity. .NET developers can leverage their knowledge of building reusable components in technologies like ASP.NET and apply it to Angular. This architecture facilitates code organization, maintenance, and collaboration among developers
  • Events and Event Delegation ModelJul 10, 2023. In any interactive environment, the program should be able to respond to actions performed by the user. These actions can be mouse click, key press or selection of a menu item.
  • How to Send Data From Parent Component to Child Component in Vue.js May 29, 2023.
  • Graceful Error Handling with Error Boundary Components in AngularMay 09, 2023. Learn how to implement error boundary components in Angular to handle errors gracefully and ensure uninterrupted functionality. This article covers the concept of error boundaries, provides code snippets for implementing an error boundary component, creating a custom error handler, and integrating them into your Angular application. Discover how error boundaries help display fallback UI and loading indicators, preventing errors from breaking critical components and improving the overall user experience.
  • Revolutionize Your Umbraco Development with View ComponentsMay 07, 2023. Umbraco is an open-source content management system(C M S). mbraco has the ability to use view components to build dynamic and reusable user interface (UI) elements. The latest version of Umbraco is built on top of the .Net core and offers many exciting new features and improvements. One of the key improvements is the introduction of view components.
  • Exploring NavigationManager in Blazor: Navigating to Components and PagesMay 01, 2023. In this article, we'll explore NavigationManager in Blazor, which provides a simple and efficient way to navigate to different components and web-pages.
  • How to Use EventCallBacks for Two-Way Communication Between Blazor ComponentsApr 24, 2023. How to Use EventCallBacks for Two-Way Communication Between Blazor Components.
  • Mastering Angular Best Practices: Tips and Tricks for Building Large-Scale ApplicationsApr 21, 2023. Boost Your Angular Game: Best Practices for Large-Scale Applications. From code optimization to server-side rendering, learn the top tips and tricks to master Angular development and build maintainable, high-performance web applications.
  • State Management in Angular Using RxjsApr 20, 2023. State Management in Angular Using Rxjs
  • Component {Parameters} in BlazorApr 19, 2023. In this article we are going to learn about the how to pass parameters between components in Blazor
  • FlatList vs SectionList in React Native- Choosing the Right List Component for Your AppApr 15, 2023. In React Native, efficiently displaying big lists of data is critical for offering a smooth and responsive user experience. FlatList and SectionList are two prominent list rendering components in React Native.
  • Exploring The Key Components Of .NET - CLR, CTS, And CLSApr 06, 2023. The article explores the three key components of the .NET Framework: the Common Language Runtime (CLR), Common Type System (CTS), and CLS
  • State And Hooks In ReactJSMar 09, 2023. In this article, you will learn about State And Hooks.
  • Component Communication In AngularFeb 13, 2023. In this article, you will learn about component Communication in Angular.
  • What Is Component And Props In ReactFeb 03, 2023. In this article, you will learn what is component and props in react.
  • Demonstration And Configuration Of The Radzen BlazorJan 23, 2023. In this article, we covered the implementation of the Radzen Blazor component in the Blazor project.
  • Overview Of ReactJS ComponentsJan 04, 2023. In this article, you will learn about the overview of Component.
  • How To Create A Rating Component In ReactJan 02, 2023. In this article, you will learn how to create a rating component in react.
  • How To Pass Data From Child To Parent Component In ReactDec 30, 2022. In this article, you will learn how to pass data from child to parent component in react.
  • Class And Functional Components In ReactDec 22, 2022. In this article, you will learn about class and functional components in react.

About Compiled-Component

NA

OUR TRAINING