Awesome Links
Frequently Asked Questions
A curated list of awesome Angular resources
- How do I use this template projects?Add your own app along with
default
app and use shared modules inlibs
. once you are conferable , then you can delete demodefault
app - How structure code into modules for better organize and maintain code?
- How do I mock test?
- Differential LoadingFind what browsers are supported?
cd apps/webapp
,npx browserslist
- How do I design Landing page?
- How to Profile Change Detection?
- How do I theme SPA App?
- How to use flex grid?
- 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
- How to keep footers at the bottom of the page?
- 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 Management
to my angular app?Usingngx-markdown
you can add blogs, about, FAQ content onmarkdown
, and it will generate static html and integrate with your Angular App. - internationalization ?
- Component-Driven Development (CDD)
- Creating Reusable Animations in Angular
- Micro-Interactions
- Microfrontends
- Angular Utils , Libs
- 1.
- Curated collection of useful Angular snippets that you can understand in 30 seconds or less.
- Animations
- 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 preload modules?
- How to debug router?
- 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/edit
/account/add
> Routing to Angular Material Dialogs - Customizable, Resizable, Draggable, dialog Management lib.
- How to use new
providedIn
Dependency Injection?
**'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?
- Web APIs for Angular
-- ngadd
- Angular Performance
- 2.
- 3.
- Server-side rendering(SSR) and Pre-rendering
- dynamic form group builder with class-validator
- How to configure nginx?
- How to build a library for Angular apps?
- 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
- 3.
- 13.how to link local npm projects when you o patch a npm module locally?
- 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
Angular Blogs
- Organizing StylesGlobal SCSS and per component specific SCSS (modular!)
- 1.Global styles
- 2.Component styles
- 3.Theme styles
Landing Page
Nebular Layout
- Angular Articles
Last modified 2yr ago