Awesome Links
Frequently Asked Questions
Last updated
Was this helpful?
Frequently Asked Questions
Last updated
Was this helpful?
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?
Use
Core
,Shared
and lazy-loadedFeature
modules More
How do I mock test?
Refer
Differential Loading
Find what browsers are supported? cd apps/webapp
, npx browserslist
How do I design Landing page?
How to Profile Change Detection?
Refer type
ng.profiler.timeChangeDetection();
in console.
How do I theme SPA App?
Refer Refer
How do I Make Site Responsive?
Refer Refer
How to use flex grid?
Refer
How implement Progressive Web Applications (PWA) with Service Workers?
Refer Read Refer Node: you cannot cache external urls (images etc) unless they are CORS enabled. Creating
How to keep footers at the bottom of the page?
Refer
WTF is monorepo?
Monorepo != Monolith
When 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?
Refer
How do I add Content Management
to my angular app?
Using ngx-markdown
you can add blogs, about, FAQ content on markdown
, and it will generate static html and integrate with your Angular App.
Refer
internationalization ?
Refer
Component-Driven Development (CDD)
Read
Creating Reusable Animations in Angular
Read
Micro-Interactions
Read Read Read Read
Microfrontends
UI Kits, UX Components
Angular Utils , Libs
Curated collection of useful Angular snippets that you can understand in 30 seconds or less.
Animations
Why I Prefer NGXS over NGRX
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?
Customizable, Resizable, Draggable, dialog Management lib.
How to use new providedIn
Dependency Injection?
How to manage state in the front-end?
Best practices for NgRx Action?
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
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.
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 implement Server-side Pagination, Filtering, Sorting, with Angular Material Data Table
how to generate PWA's Push Notifications key pair?
How to setup NestJS Project?
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.
Resource Owner Password Credentials FLow
Implicit FLow
how to link local npm projects when you o patch a npm module locally?
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 Styles
Global SCSS and per component specific SCSS (modular!)
Global styles
Component styles
Theme styles
Landing Page
Nebular Layout
Angular Articles
Read
Read
Read
To 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 for zoneless Rendering System
Read Angular Router:
{ enableTracing: true }
Read
Read attach local SourceMaps on laptop via Chrome dev tools
useful for sharing bookmarkable links. e.g., /account/edit
/account/add
>
ng add @ngneat/dialog
about new Angular 9
Read Total Guide To Angular 6+ Dependency Injection :
use Read
Types of Actions: User Actions, Backend Actions, Device Actions Watch
Refer Refer Refer
Refer
Refer
Refer
Refer
Refer Refer
Refer
Refer
Use Checkout combineLatest and shareReplay use in Repo and her talk.
Refer
Refer
Refer
Refer Refer >
todo
Use
Read
Refer Watch Automating Releases with Read Read
Use Use
Use for non-routable modules
Complete Examples Refer Refer Refer
Refer
Refer > Refer an eCommerce framework build with GraphQL and NestJS Refer
Short Answer: concatMap for writes, mergeMap for reads, switchMap when you have to cancel http call. TL;DR: mergeMap doesn’t preserve the order, concatMap does preserve the order. switchMap cancels previous inner Observables when a new inner Observable appears Ref Ref Ref
Authorization Code FLow
How to i18n?
Ref
A collection of pure css section separators.
Nebular Layout padding
Landing Page Layout
Intro