Nov 8, 2020Agile Angular modules configurationFollow me on Twitter at @NikPoltoratsky | Subscribe to the Newsletter | Originally published on howtomake.software. If you already built a few Angular applications it might be you already spotted how it may be tricky to build easily configurable modules. I mean, if you’re building a reusable module it might…Angular6 min readAngular6 min read
May 6, 2020Why reducer is reducer?Learn why ngrx reducer is called reducer and how it is related to the JavaScript array reduce function — Originally published at https://howtomake.software. In this article, I’m introducing my mental model of modern state management. More exactly I’m talking on how ngrx works, why reducer is a reducer, and how it is related to the JavaScript’s array reduce method. All the statements here will likely be true for any…Angular7 min readAngular7 min read
Published in Angular In Depth·Feb 20, 2020Angular a11y: 11 tips on how to make your apps more accessible11 tips on how to make your Angular app more accessible — AngularInDepth is moving away from Medium. This article, its updates and more recent articles are hosted on the new platform inDepth.dev Nowadays approximately 15% of people have some kind of disability that doesn’t allow them to use web applications in a common way — keyboard, mouse, touchscreen. …Angular11 min readAngular11 min read
Published in Angular In Depth·Jul 16, 2019Angular Platforms in depth. Part 3. Rendering Angular applications in TerminalAngularInDepth is moving away from Medium. This article, its updates and more recent articles are hosted on the new platform inDepth.dev The Angular framework was designed with flexibility in mind. …Java Script8 min readJava Script8 min read
Published in Angular In Depth·Jul 10, 2019Angular Platforms in depth. Part 2. Application bootstrap processAngularInDepth is moving away from Medium. This article, its updates and more recent articles are hosted on the new platform inDepth.dev The Angular framework was designed with flexibility in mind. …Angular4 min readAngular4 min read
Published in Angular In Depth·Jul 8, 2019Angular Platforms in depth. Part 1. What are Angular Platforms?AngularInDepth is moving away from Medium. This article, its updates and more recent articles are hosted on the new platform inDepth.dev The Angular framework was designed to be a platform independent. That approach allows Angular applications to be executed across different environments — browser, server, web-worker, and even mobile devices. …Angular7 min readAngular7 min read
Published in Angular In Depth·May 16, 2019Doing A11y easily with Angular CDK. Keyboard-Navigable ListsAngularInDepth is moving away from Medium. This article, its updates and more recent articles are hosted on the new platform inDepth.dev When web applications are properly designed and coded the users of assistive technologies can use them easily. However, we’re not always paying enough attention to the a11y issues. …Java Script6 min readJava Script6 min read
Published in Angular Shots·May 2, 2019💉 Shot #7: How to implement custom form control in AngularIntroduction If we want to use Angular forms bindings with custom form controls we need to implement ControlValueAccessor interface. Let’s assume we have a button with a counter that increments each time the user clicks on it. And we need the ability to use it with the Angular forms API…Java Script1 min readJava Script1 min read
Published in Angular Shots·Apr 23, 2019💉 Shot #5: How to create custom Pipe in AngularIntroduction We usually use predefined Angular pipes to prepare data for presentation, for example, lowercase and date pipes. But from time to time we need to create custom pipes. Let’s assume we need to create a debug pipe that will console.log all passed values. {{ user.email | debug }} Step 1: Create a pipe class First of all, we need to create a pipe class and mark it as an Angular pipe. Step 2: Implement PipeTransformAngular 21 min readAngular 21 min read
Published in Angular Shots·Apr 22, 2019💉 Shot #4: How to listen to Angular Router eventsIntroduction There is a bunch of cases when you need to listen to Router events in Angular applications, for example, to show navigation loaders or show user navigation errors. Step 1: Inject Router Firstly, we have to inject Router in the component which will listen for events. Step 2: Subscribe on events Then, we subscribe to Router events. Step 3: Handle type of event Router events stream fires all router events. That’s why we have to use instanceof to filter only required events for instance NavigationStart.Java Script1 min readJava Script1 min read
