Angular Best Practices

Hi Friends, This is Lakshman here. As part of the Series "Angular Best Practices". Today, We will go through Practices to be followed for Implement Your First Module. If you're required to know, Options to Setup Angular Environment Click Here Practices for Your First Angular App Click Here I have covered things using Angular CLI in Windows. In all command, request to use Angular CLI installed in App's Dev Dependencies. In package.json "scripts": { "ng" : "ng" , ... } , "devDependencies": { ... "@angular/cli" : "~10.0.6" , ... } , ... Things to know On Module By Default App Module is Entry Point for every App. Each Angular App is required to have @Core & @Shared Module Apart from App Module. In @Core Module Should Include All Common Services, Interface, Enum, etc., Some Services, Authentication Validator Logger, etc., Should not include any UI related

Hi Friends, This is Lakshman here. As part of the Series "Angular Best Practices". Today, We will go through Practices followed on Our First Angular App. We have covered things using Angular CLI in Window. If your required to know Options to Setup Angular Environment Click Here Prerequisites are Node.JS Angular CLI (For App Creation) VS Code Once the prerequisites got installed, we will create our New Angular App at first. Suggested Points are In Create App in CLI: Finalize the CSS Style Type before creating Angular App. Always Set Angular Routing By Default. In Any Terminal : PS E:\Lakshman_IP\Blogger\AngularPractices> ng new ? What name would you like to use for the new workspace and initial project? ngAngularPractices ? Would you like to add Angular routing? Yes ? Which stylesheet format would you like to use? SCSS [ https://sass-lang.com/documentation/syntax#scss ] ... As Base Configuration: On build remove app name in the output

 Hi Friends, This is Lakshman here. As Initial, we have discussed best of option to " Setup Environment For Angular App Development. " Now, We will go through various " Generator  " used to Create Angular Applications.  Such Generator is  Ngx-Rocket. Nrwl. Both Generator uses Base Angular CLI. Ngx-Rocket: It provides an enterprise-grade project generator with Default GIT Support. Its provides various features & supports, such as  Web App.  Mobile App (via Cordova). Desktop App (via Electron). PWA. Cordova Platforms such as Android & iOS. Cross-Platform Desktop Apps. Analytics Support  Language Support Auto-Deploy to Azure, FireBase, etc., It Provides various Default UI Frameworks such as Angular Material, Ionic & Bootstrap with some Default Angular Practices, such as  Authentication Module. Lazy Loading. Additional Tools & libraries for Angular.  Nx: It provides an enterprise-grade project generator with Default GIT Support. Its created by Nrwl (Narw