‫راهنمای فولدربندی در انگولار 20

This article follows the official Angular 20 style guide:

Component, directive, and service files/classes no longer use a suffix.
 - Pipes, guards, resolvers, interceptors, and modules keep their suffix , but use a - (e.g., auth-guard.ts).
 - All folder and file structure examples in this guide reflect these new conventions.


But it does not totally comply with the folder structure as Angular discourages having components, and services folders without restrictions. If that’s a practice not used at the root of the project, it’s used in nested folders when organizing features.


For example, a feature might have a components folder, and a services folder to make the code more discoverable and easier to maintain.