Chrome Dev Tools

  •  using the Performance and Memory tool src src2

  • using $, $_, $$, and insect in dev console src
  • using debug utility (6:38)

Angular

  • ng variable that Angular exposes in the development mode, can be used in dev console in Chrome (6:00)

Comments

Post a Comment

Popular posts from this blog

Angular

Architecture angular server side rendering with hydration introduced in angular 16 src how to create an angular application with server side rendering src how to add angular server side rendering to existing application src static site generation with angular src create a feature module and lazy load it src convert feature module to stand alone and lazy load it src Change Detection how change detection works under the hood  src uses zone.js how to debug and find code triggering change detection src uses NgZone Running code outside the Angular zone prevents unnecessary change detection cycles, which can improve application performance using onpush change detection   src with signals src Routing setting up routing src Subjects subject as observer (make a cold observable multicast) ( 28:26 ) Reactive Forms using a FormArray src Debugging ng variable that Angular exposes in the development mode, can be used in dev console in Chrome ( 6:00 ) Internationalization configuring in...
Read more

Angular Reactive Forms

Image
https://www.pluralsight.com/courses/angular-reactive-forms by Jim Cooper Mod 1: Course Overview Course Overview Mod 2: Getting Started with Angular Reactive Forms Introduction Angular Forms Architecture Overview Template Driven vs. Reactive Forms Cloning and Exploring Our Demo Application demo of InMemoryDbService will intercept http calls and return mock data Mod 3: Creating Angular Reactive Forms Introduction shows how to import ReactiveFormsModule Adding Reactive Forms to a Project Creating Form Controls The Magic of the ControlVa lueAccessor Directive Providing Values to FormControls Creating FormGroups you use formControl directive when you don't have a form group if you have a formgGroup, you use the formControlName directive Submitting a Reactive Form use case for Partial in typescript Saving Submitted Form Data Adding Unbound FormControls to a FormGroup shows how to have a form element that is not visible (is it hidden input?) huh Creating Nested FormGroups use case for get...
Read more

NgRx Fundamentals

https://www.pluralsight.com/courses/ngrx-fundamentals by Duncan Hunter Module 1: Course Overview Course Overview Module 2: Introduction Introduction ngrx allows you to manage state in angular Purpose of NgRx Managing global and local state Isolation of side effects Entity collection management Integration with the Angular Router Developer tooling different types of state: Persisted state, URL state, Client state, Local Ul state What Is NgRx? describes Actions, Reducer, Store in ngrx there is an optional NgRx library called componentStore for managing component state that makes additional stores components can subscribe to specific state changes with selectors NgRx Store Implements The Redux Pattern Why Use NgRx? Use NgRx To Manage State When Your application has a lot of user interactions Your application has a lot of different data sources Managing state in services is no longer sufficient Don't use NgRx when your application is simple with little shared state if you don't nee...
Read more