Angular Project Structure Best Practices | architecture | features

Описание: 💖 Become a Patron: Show Support 💖
  / fullstackmaster  
#express
Nowadays, we build large enterprise applications with Angular. But how to best structure such projects to ensure long-term maintainability and re-usability? This session by Rupesh Tiwari provides answers to this question. The audience explores how to split large projects into individually reusable npm packages and how to deploy them through an internal and public registry. As an alternative, it discusses the Monorepo approach that is used successfully by big companies like Google and Facebook and which compensates for some of the disadvantages of npm packages in internal projects.Angular application architecture and folder structure is important concept you should learn in order to organize you angular project. It helps when your project will have large set of modules. It helps to the team to have a common understanding where what exists. Angular Modules can be broadly divided in 2 types app module and feature modules. Feature Modules are the business facing one which has business capabilities and use cases. Next is The Core Module , Shared Module and Blocks Module. Core module is the most stable one on which every modules depends on . Core Module can be only imported once in your app module. Core Module can not depend on any other modules as stated above. Core Module can only Have State , Models , Services and Utilities. Core Module should not have visual components like directive or components. Shared Module: Can have visual component and they can depend on Core Module. They can not depend on feature module. They can be imported in feature module independently. In your app You should have only one shared module. Shared module can have Directives, Components, Pipes and filters. Block Modules: Blocks modules have components, Directives, pipes and filters which are singleton throughout your app and it is imported only once in your app module. Block Module Depends on only Core Module and Shared Module. https://rupeshtiwari.com/angular-fold...
Watch Complete MEAN.js Course: https://gumroad.com/l/fullstackmaster...
Access All Courses: https://rupeshtiwari.com/subscribe
------------📃More on Full Stack Courses📃----------

Online e-Commerce Store: Build From Scratch (Complete Series of making online store with cloud deployment. This is the latest one and highly recommended one 🏦💯)
   • Angular app Development and Deployment Env...  

Angular Dependency Injection | Complete Tutorial | Practical (Good for any beginners or In depth knowledge aspirants) 🗼
   • Angular Dependency Injection | Complete Tu...  

JWT Authentication- Beginners Tutorial with Live Demo ( Complete series of theory and practical session for JWT authentication using node.js and angular 👮)
   • Token Based Authentication | Demo | JWT | ...  

RxJS Tutorial For Beginners | Theory and Practical | From Scratch (How to use RxJS Subject to create reactive Store 📪 )
   • Good Parts Of RxJS | Demo  

JavaScript Concepts for Interview | Examples ( Most important concepts of JavaScripts recommended for interview preparations ☀️ )

   • JavaScript Concepts for Interview | Questi...  

Creating A Simple JavaScript Web App ( Recommended for any beginners for full stack engineer. You will learn Event Driven Architecture & Test Driven Development Here! 🎂 )
   • JavaScript Web Application | TDD | Demo | ...  

Creating A Simple Typescript Web App ( Learn Typescript along with Event Driven Architecture & Test Driven Development here! 🍕 )
   • Creating User Registration Form Using Type...  

Express- Full Course For Beginners ( Complete series on Express node.js server side programming with live demo and practical hands on sessions 🏃 )
   • Build Fullstack App Using Html, jQuery & E...  

Interview Guidelines Principles ( This is for everyone who wants to prepare for interview 👷 )
   • Interview Guidelines | Internship Students...  

Design Patterns ( Learn 5 most important Design Patterns for interview 🎼)
   • Practical Design Patterns for developers  

Architecture Patterns ( Learn 2 most important Architecture Pattern & Style for interview 🎡)
   • Architecture Patterns | Demo | JavaScript ...  

---------📣What is coming Soon🕥----------------
More series and workshops are on the way like NgRX & Async Await. Again thank you very much for your positive feedback.

Much Love,
Rupesh Tiwari🙏

Website
https://rupeshtiwari.com

LinkedIn
  / rupesh-tiwari  

Facebook
  / rupeshtiwari.co  

Twitter
  / rupeshtiwari_co  

YouTube
   / fullstackmaster