Index

Search in book...
Toggle Font Controls
Create new playlist

Name your new playlist

Playlist description (optional)
Sign In

Email address

Password

Forgot Password?

or

Continue with Facebook

Continue with Google
Sign Up

Full Name

Email address

Confirm Email Address

Password

or

Continue with Facebook

Continue with Google

Previous Chapter

Appendix D. RxJS essentials

List of Figures

Index

[SYMBOL][A][B][C][D][E][F][G][H][I][J][K][L][M][N][O][P][Q][R][S][T][U][V][W][Y]

SYMBOL

404 errors, 2^nd

A

AbstractControl class, 2^nd acc argument access modifiers actions ActivatedRoute class, 2^nd, 3^rd ActivatedRoute.paramMap property ActivatedRouteSnapshot, 2^nd ActiveMQ afterAll() function afterEach() function all() method alternative implementation Angular apps components consuming JSON in data binding one- and two-way properties and events declaring providers with useFactory and useValue dependency injection in modularized app using InjectionToken deleting HTTP requests with switchMap dependency injection pattern in deployed on server with npm scripts directives end-to-end testing with Protractor Angular CLI-generated tests Protractor, overview of testing a login page handling events without observables handling observable events with Forms API injectors and providers in modules observables and routers pipes providers in eagerly loaded modules in providers in lazy-loaded modules in running Jasmine scripts with Karma Karma configuration file testing in multiple browsers services switching injectables in turning DOM events into observables unit testing for Jasmine framework writing test scripts for class using AsyncPipe using dependency injection pattern in injecting HttpClient service injecting product service using testing library testing components testing services. See ngAuction app. Angular Forms API Angular framework CLI tool development and production builds generating new project JIT vs. AOT compilation creating bundles with --prod option generating bundles on disk overview of reasons for using for web development releases for, planned sample ngAuction app TypeScript vs. JavaScript AOT compilation vs. JIT compilation creating bundles with --prod option generating bundles on disk API, of child component, exposing APP_BASE_HREF constant AppComponent AppModule arrays, destructuring arrow function expressions assertions assign() method async function async keyword async pipes, 2^nd asynchronous processing async and await keywords callback hell ES6 promises resolving several promises at once asynchronous programming asynchronous validators AsyncPipe class, 2^nd, 3^rd attribute directive await keyword

B

base tag BDD (behavior-driven development) beforeAll() function beforeEach() function, 2^nd behavior-driven development (BDD) BEM (block, element, modifier) BidServer class bind() function block scoping block, element, modifier (BEM) Bootstrap library bootstrap property bootstrap() method bootstrapModule() method, 2^nd break keyword BreakpointObserver class breakpoints browser.wait() command built-in validators, for forms bundles creating with --prod option generating on disk

C

call() method callback hell callbacks CanActivate guard interface canActivate() method CanActivateChild guard interface CanDeactivate guard interface, 2^nd canDeactivate() method CanLoad guard interface catch() method catchError catchError() function, 2^nd CategoriesComponent, 2^nd, 3^rd CD (change detection) overview of profiling strategies for chaining promises changeName() method checking field status child routes, 2^nd children property class keyword, 2^nd class members classes access modifiers inheritance and constructors getters, setters, and method definitions static variables super keyword and super function methods CLI tool creating project development and production builds tests generated by clients, WebSocket protocol used in Angular talking to WebSocket server wrapping observable stream into service client-server, Node client-side navigation cloning @Component() decorator code contract code samples, running, 2^nd code, style of, controlling CodePen cold observables combineLatest operator CommonModule component communication exposing child component’s API input properties intercomponent communication Mediator design pattern implementation using common parent as mediator using injectable service as mediator output properties and custom events projecting templates at runtime with ngContent encapsulation modes onto multiple areas @Component decorator, 2^nd, 3^rd, 4^th ComponentFixtureAutoDetect componentless route components lifecycle of catching changes in ngDoCheck hook catching changes in ngOnChanges hook modifying appearance of NavbarComponent modifying SearchComponent UI testing, 2^nd configureTestingModule() method console.log() method ConsoleLoggingService class const keyword constructors, 2^nd container components containers control-flow queue count property counterReducer() function create method createBidServer() function, 2^nd createComponent() method createFeatureSelector() method, 2^nd createObservableService() method createSelector() method createServer() function createShipment() function CSS Grid curly braces currency pipe, 2^nd currentTime variable custom events, 2^nd custom types, declaring with interfaces custom validators CustomPreloadingStrategy

D

data passed on to router extracting parameters from ActivatedRoute query parameters script for handling structure of FormArray FormControl FormGroup updating in form data binding, 2^nd, 3^rd change detection and one-way, 2^nd properties and events property binding target two-way data property DatePipe, 2^nd debounceTime operator debugging observables declarations property, 2^nd decorators, 2^nd decoupling decrement() function deep linking default parameters Default strategy dependencies decoupling routing specifying in package.json dependency injection, 2^nd, 3^rd, 4^th and constructors benefits of loose coupling and reusability testability in Angular in modularized app injecting HttpClient service, using injecting product service using injectors and providers for providers in eagerly loaded modules and providers in lazy-loaded modules and switching injectables in testability dependency injection pattern, 2^nd benefits of injecting HttpClient service injecting product service deploy command describe() function description property design patterns destructuring arrays objects detectChanges() method devDependencies section DI. See dependency injection diff() method @Directive() decorator directives, 2^nd Flex Layout for reactive forms formControl formControlName formGroup formGroupName for template-driven forms NgForm NgModel NgModelGroup in Angular apps ngForm discriminated unions disk, creating bundles on DoCheck() callback, 2^nd document.querySelector() function DOM events, turning into observables doSomething() function, 2^nd dot notation dot-chainable operators double curly braces

E

EffectsModule ElementRef object enableProdMode() method enableTracing option end-to-end testing, with Protractor Angular CLI-generated tests Protractor, overview of testing a login page equalValidator err.error.message err.message error handling, RxJS error object error() method ErrorStateMatcher interface, 2^nd ES6 modules event bubbling $event parameter, 2^nd events binding component lifecycle custom, 2^nd DOM events turned into observables emitting, 2^nd, 3^rd event bubbling Forms API, handled with HttpClient tracking observables, handled without exclude property expect() function, 2^nd, 3^rd ExpectedConditions class export statement Express framework, 2^nd extends keyword

F

fakeAsync() function, 2^nd fat arrow function fields find() method flatMap operator Flex Layout engine flex style, CSS FlexLayoutModule for loop forChild() method forEach() method, 2^nd forFeature() method for-in loops form element, 2^nd, 3^rd form models FormArray class, 2^nd, 3^rd FormBuilder class FormControl class, 2^nd, 3^rd, 4^th, 5^th, 6^th, 7^th formControl directive formControlName directive, 2^nd FormGroup class, 2^nd, 3^rd formGroup directive formGroupName directive forms Angular Forms API asynchronous validators to check values of built-in validators for changing validators dynamically in reactive checking field status controlling validation custom validators in reactive forms directives, 2^nd fields form models FormArray class FormBuilder class FormControl class formControl directive formControlName directive FormGroup class formGroup directive formGroupName directive group validators HTML forms pristine and dirty properties reactive refactoring status and validity of pending fields pristine and dirty fields touched and untouched form controls statusChanges property template-driven touched and untouched properties validating, 2^nd validating group of controls validators in template-driven vs. reactive vs. template-driven Forms API asynchronous validators enabling support for handling observable events with overview of reactive forms, creating adding controls to applied to HTML forms data structure for directives for template-driven forms applied to HTML forms directives for updating form data using FormBuilder FormsModule class, 2^nd for-of, iterating using forRoot() method, 2^nd, 3^rd from() function full-duplex function keyword functions, 2^nd default parameters optional parameters fxFlex directive

G

-g option, 2^nd generator functions generics get() method getAll() method, 2^nd, 3^rd getById() method getCustomers() function getError() method getErrorMessage() method getInstance() method getProducts() method, 2^nd, 3^rd, 4^th getState() method getStock() function getStockPrice() function getters global scope greet() method group validators group() method guard interfaces

H

handle() method hasError() method, 2^nd, 3^rd hash sign hash-based navigation HashLocationStrategy class, 2^nd headless browser hello-product selector History API-based navigation hoisting home module code refactoring of creating managing state in actions for products CategoriesComponent effects for products reducer for products role of index.ts in home reducers HomeComponent, 2^nd, 3^rd host pseudo class selector hot observables HTML forms, 2^nd, 3^rd HTTP API deleting requests with switchMap HttpClient object injecting vs. WebSocket protocol. See also HttpClient. HttpClient Angular and Node and configuring client proxy consuming JSON in Angular apps deploying Angular apps on server with npm scripts injecting into a service static assets on server subscribing to observables with async pipe creating server with Node, Express, and Typescript creating simple web server serving JSON interceptors overview of posting data to server creating client for making requests creating server for handling requests reading JSON file with tracking events HttpClient class HttpClient.get() method, 2^nd HttpClient.post() method HttpClientModule, 2^nd, 3^rd HttpHeaders class HttpParams class HttpTestingController.error() method HttpTestingController.flush() method hybrid applications

I

imperative coding implements keyword, 2^nd import keyword @import statement imports property INCREMENT action increment() method index.ts, role of in home reducers inheritance classes and constructors getters, setters, and method definitions static variables super keyword and super function classes and in TypeScript injectable service injectables, switching InjectionToken injectors InjectToken class innerHTML property input element input properties @Input() decorator, 2^nd, 3^rd, 4^th insertion point installing and using compiler instrument()method interfaces declaring custom types with implements keyword in TypeScript interpolation interval() function, 2^nd IoC (inversion of control) IPerson interface isErrorState() method isProd flag IS_PROD_ENVIRONMENT token isValid variable it() function iterating using forEach() method using for-in loop using for-of

J

Jasmine framework expect() function it() function matchers overview of running scripts with Karma configuration file testing in multiple browsers specs suites JavaScript objects TypeScript as superset of vs. TypeScript JIT compilation vs. AOT compilation creating bundles with --prod option generating bundles on disk JSON Angular apps, consumed by HttpClient file, read using serving

K

Karma, running Jasmine scripts with configuration file testing in multiple browsers keyup event KeyValueChangeRecord KeyValueDiffers

L

lambda expressions LayoutModule class lazy loading, 2^nd, 3^rd, 4^th legibility of generated code let keyword, 2^nd lifecycle hooks naming conventions ngOnChanges(), 2^nd loadChildren property loadProducts() function LoadSuccess action location strategies logging LoggingService class login() method LoginComponent LoginGuard class loose coupling, 2^nd LowerCasePipe LuxuryComponent LuxuryModule, 2^nd

M

master-detail communications MatButtonModule matchers matching pattern <mat-icon> tag MatIconModule matMenuTriggerFor directive mat-raised-button directive <mat-toolbar> tag MatToolbarModule mediaChange class MediaMatcher class mediator app, refactoring with ngrx library actions effects reducer SearchComponent as action creator selectors store state Mediator design pattern using common parent as mediator using injectable service as mediator metadata, 2^nd methods defining overriding TypeScript minLessThanMaxValidator mixins mock objects MockLoginService MockProductService class, 2^nd modules, 2^nd creating in ngAuction app eagerly loaded modules, providers in feature home module code refactoring of creating managing state in lazy loading lazy-loaded, providers in providers property RouterModule monitoring traffic mqAlias property multicasting mutable values, vs. immutable values MyClass class

N

naming conventions natural language navigate() method, 2^nd, 3^rd navigateByUrl() method navigateToLogin() method navigation, 2^nd client-side hash-based history API-based modifying appearance of NavbarComponent with navigate() nested objects next.handle() method next() function, 2^nd, 3^rd ng build command, 2^nd, 3^rd ng e2e command ng generate command ng help command ng help generate command ng help new command ng serve command, 2^nd, 3^rd ng serve -o command ng test command ngAfterContentChecked() callback ngAfterContentInit() callback ngAfterViewChecked() callback ngAfterViewInit() method, 2^nd ngAuction app, 2^nd, 3^rd adding E2E test to adding navigation to HomeComponent ProductDetailComponent ProductItemComponent ProductService StarsComponent adding product view to adding toolbar to top-level component application component in carousel component in changes in client code observables in ProductComponent placing and monitoring bids in ProductDetailComponent using RxJS to communicate with WebSocket server code refactoring of of categories component of home module showing and hiding search-form component configuring routes creating custom theme with Sass creating home module creating product components and module creating product service E2E testing of product-search workflow footer component in generating components for home component in implementing product component implementing product-detail component implementing product-suggestion component initial project setup for navbar component in reviewing server code data-handling script HTTP server launching HTTP and WebSocket servers WebSocket server rewriting running in dev mode running ngAuction search component in search-form component in search-results component in using ngrx in Adding the router state support to app module managing state in home module unit-testing ngrx reducers ng-content tag ngContent, projecting templates at runtime with encapsulation modes onto multiple areas ngDoCheck() method NgForm class ngForm class NgModel ngModel directive, 2^nd, 3^rd ngModelGroup directive @NgModule annotation, 2^nd, 3^rd, 4^th, 5^th, 6^th, 7^th ngOnChanges() method, 2^nd ngOnInit() method, 2^nd, 3^rd ngrx library deciding on implementing compared to Angular services complications with ngrx code future of learning curve of state mutation problems effects and selectors monitoring router state monitoring state with store devtools ngAuction app, using ngrx in adding router state support to app module managing state in home module unit-testing ngrx reducers refactoring mediator app with actions effects reducer SearchComponent as action creator selectors store state store, actions and reducers storing app state with importance of Redux library NG_VALIDATORS token NJTax class Node framework Node server pushing data from to client WebSocket protocol support changes in ngAuction client code reviewing ngAuction server code running ngAuction in dev mode nominal type system npm install command, 2^nd npm package manager semantic versioning specifying project dependencies in package.json Yarn as alternative to npm run tsc command npm scripts

O

object destructuring object-based inheritance Observable.create() method ObservableMedia engine ObservableMedia.isActive() method observables, 2^nd, 3^rd, 4^th debugging handling events with Forms API handling events without in ProductComponent router and RxJS subscribing to with async pipe turning DOM events into wrapping stream into service observer, RxJS, 2^nd observer.error() method ofType operator onClickEvent() function onConnection() method one-directional change one-way data binding, 2^nd onInputEvent() function online auction example dependency injection testing validation OnPush strategy, 2^nd onSameUrlNavigation onSubmit() method, 2^nd operators, RxJS optional parameters, 2^nd optional types OrderComponent class OrderProcessorComponent @Output decorator output properties overloading

P

package.json padLeft() function Page Object design pattern parameters default extracted from ActivatedRoute optional, 2^nd query parameters partials passing data patchValue() function path property, 2^nd PathLocationStrategy, 2^nd pending property perceived performance performSearch() method pipe() function pipeable operators pipes, 2^nd placeOrder() method prebuilt themes predeploy command PreloadAllModules preloaders PreloadingStrategy interface presentational components primary outlets printCounter() method pristine and dirty properties private keyword private properties processing, asynchronous async and await keywords callback hell ES6 promises resolving several promises at once --prod option, 2^nd Product interface product view ProductComponent class, 2^nd ProductDetailComponent class, 2^nd, 3^rd, 4^th, 5^th, 6^th ProductItemComponent, 2^nd ProductService class projection, 2^nd promises drawbacks of resolving several at once vs. observables properties property binding, 2^nd, 3^rd property names prototypal inheritance, 2^nd Protractor, end-to-end testing using Angular CLI-generated tests Protractor, overview of testing a login page provide property provideIn property providers, 2^nd declaring using useFactory and useValue dependency injection in modularized app using InjectionToken in Angular apps in eagerly loaded modules in in lazy-loaded modules in providers property, 2^nd, 3^rd, 4^th, 5^th proxy-config option pure functions, 2^nd pushState() method

Q

R

rating property reactive coding reactive forms, 2^nd, 3^rd, 4^th, 5^th ReactiveFormsModule class, 2^nd readonly modifier RealProductService class reduce operator reduce() method Redux library refactoring reflect-metadata library res.json() function Resolve interface, 2^nd resolve() method responseType option responsive web design (RWD), 2^nd REST API rest operator return statement Route interface, 2^nd Route object router adding navigation to online auction HomeComponent ProductDetailComponent ProductItemComponent ProductService StarsComponent child client-side navigation using configuring routes developing SPA with multiple outlets lazy-loading modules preloaders guarding routes with CanActivate with CanDeactivate with Resolve location strategies hash-based navigation history API-based navigation navigating to routes with navigate() observables and overview of passing data to routes extracting parameters from ActivatedRoute query parameters Router object, 2^nd RouterLink directive, 2^nd, 3^rd RouterModule <router-outlet> tag, 2^nd router-outlet tag RouterStateSnapshot, 2^nd, 3^rd RouterTestingModule Routes array routing option, 2^nd runGuardsAndResolvers RWD (responsive web design), 2^nd RxJS error handling with catchError flatMap operator observables observer observer API operators RxJS Subject subscriber switchMap operator

S

safe navigation operator save-prod --save-prod option scope of variables block scoping with let and const hoisting of variable declarations <script> tag, 2^nd scripts property search() method SearchComponent SearchEffects class, 2^nd SearchFormComponent class searchQuery property, 2^nd searchResults property secondary outlets select() method, 2^nd, 3^rd selector property self-contained components self-descriptive testing SellerInfoComponent semantic versioning send() method sendKey() method sendMessage() method server communication between Angular and WebSocket created with Node, Express, and Typescript creating web server serving JSON launching HTTP and WebSockets npm scripts, deploying Angular apps on with static assets on services, 2^nd, 3^rd set() method setControl() method setInterval() method, 2^nd setters, 2^nd setTimeout() function, 2^nd setup functions setValidators() function setValue() function Shadow DOM #shadow-root ShippingModule sibling routes side effects simple web servers SimpleChange class single-page web applications skipLocationChange directive slice() method SPA, developing with multiple outlets lazy-loading modules preloaders specs, Jasmine spread operator StarsComponent, 2^nd startWith operator static functions static resources, 2^nd static variables statusChanges property, 2^nd stockExchange variable StockQuoteGenerator() function STOMP StoreDevtoolsModule, 2^nd StoreModule StoreModule.forRoot() function StoreRouterConnectingModule, 2^nd strictPropertyInitialization option string interpolation string parameter stringify() method structural directive structural type system styles property subclasses Subject class subprotocols subscribe() method, 2^nd, 3^rd, 4^th, 5^th, 6^th, 7^th, 8^th, 9^th suites, Jasmine super keyword and super function super() function switchMap operator, 2^nd, 3^rd, 4^th synchronous programming

T

--t option tap operator target of binding target property, 2^nd, 3^rd teardown functions template literals template property template-driven forms, 2^nd templates changing at runtime projecting at runtime with ngContent encapsulation modes onto multiple areas projection template-driven forms applied to HTML forms directives for templateUrl property testability, DI TestBed.configureTesting--Module() function TestBed.get() function, 2^nd testing, 2^nd, 3^rd end-to-end, with Protractor Angular CLI-generated tests Protractor, overview of testing a login page functional Jasmine mock objects natural language navigation self-descriptive services unit testing for Angular apps Jasmine framework writing test scripts for class using Jasmine framework for using testing library writing test scripts for class testing library themes, 2^nd then() function, 2^nd this keyword tick() function, 2^nd, 3^rd toBe() function tokens toolbar, adding to top-level component touched and untouched properties transpilers tree shaking triggerEventHandler() method tsc command, 2^nd, 3^rd TSLint two-way data binding, 2^nd type definition files type inference, 2^nd type systems types custom types, declaring with interfaces optional TypeScript, 2^nd, 3^rd as superset of JavaScript classes access modifiers inheritance methods code samples, running declaring custom types with decorators definition files functions default parameters optional parameters generics installing and using compiler interfaces optional types readonly modifier server created with transpilers TSLint union type vs. JavaScript

U

UI (user interface) Flex Layout engine for rewriting ngAuction adding toolbar to top-level component configuring routes creating custom theme with Sass creating home module creating product service generating new app reason for rewriting running ngAuction UIComponent decorator unidirectional data binding union type unit testing Jasmine framework writing test scripts for class unsubscribe() method, 2^nd updateOn property updateValueAndValidity() function UpperCasePipe URLs hash-based navigation History API-based navigation parameters useClass property useFactory, declaring providers using dependency injection in modularized app using InjectionToken user interface. See UI. user.name variable useValue, declaring providers with dependency injection in modularized app using InjectionToken

V

valid property validation asynchronous controlling in forms asynchronous validators to check values of built-in for changing validators dynamically in reactive controlling custom validators in reactive forms dynamic in reactive forms status and validity of template-driven forms validating group of controls in forms, checked pending fields pristine and dirty fields touched and untouched form controls ValidatorFn interface, 2^nd validators, 2^nd, 3^rd Validators class Validators.minLength() validator value property, 2^nd valueChanges property, 2^nd variable declarations variables scope of block scoping with let and const hoisting of variable declarations static verify() method @ViewChild decorator ViewEncapsulation ViewEncapsulation.Emulated value ViewEncapsulation.Native value ViewEncapsulation.None value views, replacing

W

-w option web development, reasons for using Angular in web servers JSON REST API simple static resources WebSockets Webpack WebSocket protocol Node server with support of changes in ngAuction client code reviewing ngAuction server code running ngAuction in dev mode pushing data from Node server to client used in Angular clients communication between wrapping observable stream into service vs. HTTP WebSocketSubject class wildcard route configuration withoutEmptyValues() function ws package wsSubscription property

Y

Yarn package manager

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.

3.149.251.155