--- title: "#angular articles | Hashnode" description: "Angular is a TypeScript-based open-source front-end web application platform led by the Angular Team at Google and by a community of individuals and corporat..." url: "https://hashnode.com/tag/angular" --- Tag # #angular 1,643 posts · 8,963 followers [Roshan Chaturvedi](https://hashnode.com/@justacademyofficial) · [10h ago](https://hashnode.com/posts/angular-application-structure-explained-for-beginners-a-backstage-tour-of-angular-architecture/6af2b541f8334cc70675c0f9) ### [Angular Application Structure Explained for Beginners: A Backstage Tour of Angular Architecture](https://justacademyofficial.hashnode.dev/angular-application-structure-explained-for-beginners-a-backstage-tour-of-angular-architecture?utm_source=hashnode&utm_medium=feed) A plain language guide to how an Angular app is organised, told through the one metaphor that finally made it click for me. 17 min read · [justacademyofficial.hashnode.dev](https://justacademyofficial.hashnode.dev/angular-application-structure-explained-for-beginners-a-backstage-tour-of-angular-architecture?utm_source=hashnode&utm_medium=feed) [Andrey Pankov](https://hashnode.com/@andrey-pankov) · [6d ago](https://hashnode.com/posts/angular-in-depth-part-2-the-evolution-of-angular-and-a-developer-s-architectural-thinking/6aea86b32429e0e5e38fbd1b) ### [Angular in Depth — Part 2: The Evolution of Angular and a Developer's Architectural Thinking](https://enterprise-frontend-workshop.hashnode.dev/angular-in-depth-part-2-the-evolution-of-angular-and-a-developer-s-architectural-thinking?utm_source=hashnode&utm_medium=feed) Enterprise Frontend Workshop — Practical Enterprise Angular Development: Architectural Evolution, Version Migrations, NX Module Boundaries, Facade Services, Signals, RxJS, and State Management. Practical Experience Developing Enterprise Applications with Angular: Architectural Thinking, Version Migrations, NX Module Boundaries, Facade Services, Signals, and State Management. 33 min read · [enterprise-frontend-workshop.hashnode.dev](https://enterprise-frontend-workshop.hashnode.dev/angular-in-depth-part-2-the-evolution-of-angular-and-a-developer-s-architectural-thinking?utm_source=hashnode&utm_medium=feed) [Stefan Kuburovic](https://hashnode.com/@stefankuburovic) · [6d ago](https://hashnode.com/posts/i-ran-a-checker-on-19-open-source-angular-codebases-here-are-the-bugs-no-compiler-sees/6aea625ca7c86946372407ee) ### [I ran a checker on 19 open-source Angular codebases. Here are the bugs no compiler sees.](https://stefankuburovic.hashnode.dev/i-ran-a-checker-on-19-open-source-angular-codebases-here-are-the-bugs-no-compiler-sees?utm_source=hashnode&utm_medium=feed) Some bugs survive everything. The build is green, the tests pass, the reviewer approves, and the user still sees something broken. I spent the last weeks teaching a tool to find a few of them, and tes 4 min read · [stefankuburovic.hashnode.dev](https://stefankuburovic.hashnode.dev/i-ran-a-checker-on-19-open-source-angular-codebases-here-are-the-bugs-no-compiler-sees?utm_source=hashnode&utm_medium=feed) [Andrey Pankov](https://hashnode.com/@andrey-pankov) · [Nov 2](https://hashnode.com/posts/angular-in-depth-part-1-architecture-and-components/6ae8bee68bc788752cb56c04) ### [Angular in Depth — Part 1: Architecture and Components](https://enterprise-frontend-workshop.hashnode.dev/angular-in-depth-part-1-architecture-and-components?utm_source=hashnode&utm_medium=feed) Enterprise Frontend Workshop — Building an Angular Application with Architectural Foundations: Component Design, Separation of Responsibilities, Change Detection, Directives, Pipes, and NX Workspace Organization. 26 min read · [enterprise-frontend-workshop.hashnode.dev](https://enterprise-frontend-workshop.hashnode.dev/angular-in-depth-part-1-architecture-and-components?utm_source=hashnode&utm_medium=feed) [Mo' Claudius](https://hashnode.com/@KodedMo) · [Nov 1](https://hashnode.com/posts/stop-using-effect-for-everything/6ae73c2b21d3303efa03adc2) ### [Stop Using effect() for Everything](https://kodedmo.dev/stop-using-effect-for-everything?utm_source=hashnode&utm_medium=feed) A practical decision guide to signal, computed, linkedSignal, resource, and effect. 10 min read · [kodedmo.dev](https://kodedmo.dev/stop-using-effect-for-everything?utm_source=hashnode&utm_medium=feed) [Andrey Pankov](https://hashnode.com/@andrey-pankov) · [Oct 29](https://hashnode.com/posts/development-tools-webstorm-visual-studio-code-and-opencode/6ae322a780c9c682248a757b) ### [Development Tools: WebStorm, Visual Studio Code and OpenCode](https://enterprise-frontend-workshop.hashnode.dev/development-tools-webstorm-visual-studio-code-and-opencode?utm_source=hashnode&utm_medium=feed) Enterprise Frontend Workshop — Choosing Development Tools for Modern Frontend Engineering: IDEs, Code Editors, AI Coding Agents, and Team Practices. 10 min read · [enterprise-frontend-workshop.hashnode.dev](https://enterprise-frontend-workshop.hashnode.dev/development-tools-webstorm-visual-studio-code-and-opencode?utm_source=hashnode&utm_medium=feed) [Andrey Pankov](https://hashnode.com/@andrey-pankov) · [Oct 29](https://hashnode.com/posts/nx-fundamentals-building-the-nx-workspace/6ae2918bee12f1032d929c6b) ### [NX Fundamentals — Building the NX Workspace](https://enterprise-frontend-workshop.hashnode.dev/nx-fundamentals-building-the-nx-workspace?utm_source=hashnode&utm_medium=feed) Enterprise Frontend Workshop — Building an Enterprise Angular Monorepo: Workspace Structure, Shared Libraries, Project Boundaries, Dependency Rules, and NX Configuration. 33 min read · [enterprise-frontend-workshop.hashnode.dev](https://enterprise-frontend-workshop.hashnode.dev/nx-fundamentals-building-the-nx-workspace?utm_source=hashnode&utm_medium=feed) [sunny g](https://hashnode.com/@sunnyvale) · [Oct 29](https://hashnode.com/posts/how-to-architect-a-large-angular-app-for-dynamic-loading-and-role-based-access/6ae2d91ae3655336b01f7354) ### [How to Architect a Large Angular App for Dynamic Loading and Role-Based Access](https://neweraofcoding.hashnode.dev/how-to-architect-a-large-angular-app-for-dynamic-loading-and-role-based-access?utm_source=hashnode&utm_medium=feed) Mastering standalone lazy loading, functional canMatch guards, and dynamic runtime component instantiation. Large Angular codebases require disciplined architectural guardrails to prevent bloat and s 1 min read · [neweraofcoding.hashnode.dev](https://neweraofcoding.hashnode.dev/how-to-architect-a-large-angular-app-for-dynamic-loading-and-role-based-access?utm_source=hashnode&utm_medium=feed) [Waqas Shahid](https://hashnode.com/@practicaldevblog) · [Oct 27](https://hashnode.com/posts/angular-explained-a-complete-framework-batteries-included/6ae03eb982e82ffe676196db) ### [Angular Explained: A Complete Framework, Batteries Included](https://practicaldevblog.hashnode.dev/angular-explained-a-complete-framework-batteries-included?utm_source=hashnode&utm_medium=feed) Introduction React and Vue give you a view layer and let you choose everything else. Angular takes the opposite approach: it is a complete framework, maintained by Google, that ships routing, forms, H 3 min read · [practicaldevblog.hashnode.dev](https://practicaldevblog.hashnode.dev/angular-explained-a-complete-framework-batteries-included?utm_source=hashnode&utm_medium=feed) [Andrey Pankov](https://hashnode.com/@andrey-pankov) · [Oct 26](https://hashnode.com/posts/nx-workspace-from-architecture-to-tooling/6adf6f712e5434553203cea8) ### [NX Workspace: From Architecture to Tooling](https://enterprise-frontend-workshop.hashnode.dev/nx-workspace-from-architecture-to-tooling?utm_source=hashnode&utm_medium=feed) Enterprise Frontend Workshop — Introducing NX Monorepos: Setting Up an Angular Workspace, Understanding Project Organization, and Establishing Architectural Boundaries. 9 min read · [enterprise-frontend-workshop.hashnode.dev](https://enterprise-frontend-workshop.hashnode.dev/nx-workspace-from-architecture-to-tooling?utm_source=hashnode&utm_medium=feed)