Designing Angular architecture – Container-Presentation pattern
Master the Container-Presentation pattern to build scalable Angular apps. Separate UI from logic for cleaner code and easier extension.
Master the Container-Presentation pattern to build scalable Angular apps. Separate UI from logic for cleaner code and easier extension.
Table of Contents A long-awaited solution for state management Why should you use state...
Help me improve these updates by giving suggestions. Github Repo -...
Help me improve these updates by giving suggestions. Github Repo -...
While there are several ways to make properties available throughout your Angular app, I found this...
Every story can be very personal, but a story of a developer always ends up being framed. ...
Github Repo - https://github.com/ajitsinghkaler/devto-clone Deployed on Firebase -...
I'm starting a new series in which we will create a dev.to clone in angular. I will release some work...
The plugin architecture is a well-known software design pattern used for its flexibility, extensibili...
In the final part of this tutorial, we create the seatmap data access, seat listing feature, shared buttons UI, and shared formatting utilities library. Finally, we compare our approach with the full Nx toolchain.
In Part 4 of this tutorial, we create the check-in data access and check-in feature shell libraries. We create the check-in desktop application, review and verify how much our tool automated and finally create the mobile check-in application.
This article was written with the idea that the reader is at least somewhat familiar with the introd...
Container components are extracted from mixed Angular components to increase the maintainability, testability and scalability of our Angular apps.
Simplify local UI state management in Angular with @ngrx/component-store. Eliminate boilerplate and scale your state logic easily.
Stop storing OAuth tokens in localStorage. Learn to implement in-memory storage with httpOnly cookies to mitigate XSS and CSRF risks.
Stop thinking of NgRx as just a store. Leverage the full suite of State, Data, and View tools to build highly reactive Angular apps.
Stop coupling components to ActivatedRoute. Use NgRx router-store to isolate route params in effects for cleaner, maintainable Angular code.
Standardize your business logic with NgRx to eliminate prop drilling, simplify complex components, and ensure a scalable architecture.
Automate Azure DevOps log processing with Node.js. Learn to fetch, unzip, and extract pipeline logs programmatically using the REST API.
Module Federation allows loading separately compiled program parts. This makes it an official solution for implementing microfrontends.
Master the NgRx Store architecture by analyzing its core entities. Learn how actions, reducers, and selectors create robust state.
Streamline complex Angular state with NgRx. Learn to refactor service-based architectures into an efficient, scalable flux pattern.
Defining an architecture is exciting. However, implementing it can also be boring. Automation with scaffolding is the solution.
Stop wasting days debugging cryptic Webpack build errors. Intercept the compilation array to pinpoint faulty plugins and fix builds.