Frequently Asked Questions
A curated list of awesome Angular resources
- How do I use this template projects?Add your own app along with
defaultapp and use shared modules in
libs. once you are conferable , then you can delete demo
- How structure code into modules for better organize and maintain code?
- How do I mock test?
- Differential LoadingFind what browsers are supported?
- How do I design Landing page?
- How to Profile Change Detection?
- How implement Progressive Web Applications (PWA) with Service Workers?Refer here Read Building a Search-Engine Optimized PWA with Angular Refer webmax Node: you cannot cache external urls (images etc) unless they are CORS enabled. Creating App-Shell
- WTF is monorepo?Monorepo != MonolithWhen you have all your codebase within the same repository it’s tempting to fall into the trap of creating a monolith (a gigantic application where all parts are intertwined with each other) so we need to ensure that modularity is a first class citizen within these repositories. Each package has clearly defined boundaries and ownership.
- What are the guidelines to setup monorepo for enterprise size apps?
- How do I add
Content Managementto my angular app?Using
ngx-markdownyou can add blogs, about, FAQ content on
markdown, and it will generate static html and integrate with your Angular App.
- Curated collection of useful Angular snippets that you can understand in 30 seconds or less.
- Why I Prefer NGXS over NGRXTo build high-performance apps with #Angular you need 2 parts State management & a rendering system with the principle of locality in mind. we are using NGXS for State Management and @rx-angular/template for zoneless Rendering System
- How to Debug Angular apps in production without revealing source maps?
- How to open Angular Material Dialog via route link?useful for sharing bookmarkable links. e.g.,
/account/add> Routing to Angular Material Dialogs
- Customizable, Resizable, Draggable, dialog Management lib.
ng add @ngneat/dialoghttps://github.com/ngneat/dialog
- How to use new
**'Root'** will still be the default for most services. It makes it very convenient to create tree-shakable services which are singleton within an application.
**'Platform'** is most likely used for creating shared services for Angular Elements. If you know another use case, please let me know an create a PR on this article.
**'Any'** is very helpful to make sure a service is a singleton within module boundaries. It's a robust alternative to 'root' to make sure the individual modules don't have a side effect on each other.
- How to manage state in the front-end?
- Best practices for NgRx Action?
Types of Actions: User Actions, Backend Actions, Device Actions Watch Good Action Hygiene with NgRx Mike Ryan
- How to implement route animations?
- Total Guide To Dynamic Angular Animations That Can Be Customized At Runtime
- how to Deploy to GitHub Pages?
- How to chose a color palette for material components?
- how to implement search experience with facets and sort options?
- What I get from angular-cli?
- Publishing Angular Library?
- How to customize material design typography?
- How to cache backed-end API?
- Server-side rendering(SSR) and Pre-rendering
- how do adopt semantic-release process?
semantic-release is a fully automated library/system for versioning, changelog generation, git tagging, and publishing to the npm registry.
add ngx-semantic-version refer Refer Angular DevOps Watch Automating Releases with semantic-release Read enforcing commit conventions Read automate package releases
- How to package the libs for publishing ?
- How to lazy load modules ?
- How to implement security interceptors?
- How to get HTTPS working on your local development environment?
- 10 More Useful Angular Features You Might Not Have Heard Of
- Apps That Work Natively on the Web and Mobile
- How to use Angular CDK Tables?
- How to setup NestJS Project?
Refer An Introduction to NestJS > Refer Vendure an eCommerce framework build with GraphQL and NestJS Refer Getting Started with Nest.js What’s new in NestJS Swagger 4 ?
- Shoud I use mergeMap or concatMap or switchMap or forkJoin for my usecase?
- Secure Angular App with KeyCloak?
in this project, we are demonstrating how to secure UI and backend APIs using following OIDC Flows.
- 1.Resource Owner Password Credentials FLow
- 2.Implicit FLow
- 14.Do you know how many change detections are triggered in the component?
Checkout this tweet
- Top 40+ Angular interview questions and answers that you need to know in 2020
- Organizing StylesGlobal SCSS and per component specific SCSS (modular!)
- 1.Global styles
- 2.Component styles
- 3.Theme styles