What are Components and Modules in Angular.

What is Angular? (Part 7) / Understanding the concept of Component in Angular and get to know about Angular Modules.

Ankit Maheshwari
6 min readNov 29, 2019

If you haven’t covered Part 6.5 of this series, I recommend you to check this link → Properties and Modules in TypeScript/Angular

Components:

Components are the most basic UI building block of an Angular app. An Angular app contains a tree of Angular components.

We may have one or more components in every Angular projects, in large applications we have tens of components.

Component encapsulate the data, logic, and HTML for a view - means everything user sees on screen.

We can have One single Component {} for Navigation bar, Side bar and Content area.

Or we can have separate component for each area — Nav bar component {}, Side bar component {} and Content area component {} — that is Smaller, Maintainable and Reusable Components.

--

--

Ankit Maheshwari

Frontend/Backend Engineer (Angular, React Native, NodeJS, MongoDB)