Update Angular Module Architecture Documentation (#6575)

* Information about creating modules.

* Made changes.

* Update src/data/roadmaps/angular/content/creating-modules@9YhTXybJw2gszlqFeBtW3.md

fixed styling

* Commited the Module Architecture

* Update src/data/roadmaps/angular/content/creating-modules@9YhTXybJw2gszlqFeBtW3.md

* Update src/data/roadmaps/angular/content/module-architecture@BCq5sgWQLiw0f7u7ZSAd2.md

---------

Co-authored-by: dsh <daniel.s.holdsworth@gmail.com>
Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
pull/6579/head
Ashish Pawar 3 months ago committed by GitHub
parent e806072336
commit 0f1f198b66
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 9
      src/data/roadmaps/angular/content/creating-modules@9YhTXybJw2gszlqFeBtW3.md
  2. 6
      src/data/roadmaps/angular/content/module-architecture@BCq5sgWQLiw0f7u7ZSAd2.md

@ -2,15 +2,6 @@
Creating modules in Angular helps organize your application into manageable, cohesive units. Each module can encapsulate related components, directives, pipes, and services. Here's a detailed guide on how to create and use modules in Angular.
Creation Methods:
- Generate Modules: Use ng generate module module-name.
- Define Modules: Use @NgModule decorator to declare components, import other modules, and export components.
- Create and Add Components: Generate and add components to the module.
- Import Modules: Import your new module into app.module.ts or other feature modules.
- Feature Modules: Use feature modules for large applications to manage related functionalities.
Visit the following resources to learn more:
- [@official@Angular Official Docs (Feature Modules)](https://angular.dev/guide/ngmodules/feature-modules)
- [@article@How to Create a new module in Angular](https://www.geeksforgeeks.org/how-to-create-a-new-module-in-angular/)

@ -1 +1,7 @@
# Module Architecture
Angular’s module architecture organizes an application into cohesive units called NgModules, each defined by the @NgModule decorator. These modules group related components, directives, pipes, and services to encapsulate functionality and promote modular development. The root module (AppModule) is the entry point, bootstrapping the application and importing essential modules like BrowserModule. Feature modules encapsulate specific functionalities and can be eagerly or lazily loaded to improve performance and manageability. Shared modules group reusable components and services to prevent code duplication. The @NgModule metadata includes properties like imports, declarations, exports, providers, and bootstrap, which help manage dependencies, declarations, visibility, service providers, and the root component. This modular approach enhances code organization, scalability, and maintainability in Angular applications.
Visit following resources to learn more:
- [@article@Angular Architecture](https://dev.to/digitaldino/angular-architecture-39no)

Loading…
Cancel
Save