Amirfereydoun

3,337 Added | 15 Magazines | 1 Like | 1 Following | 935 Followers | @amirfereydo5d2a | Keep up with Amirfereydoun on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Amirfereydoun”

Angular 5 EventEmitter aprendendo a usar Input e OutPut property

Existem muitos tutoriais na internet que explicam bem o funcionamento dos <b>EventEmitters</b> em Angular, porém, tenho notado muito conteúdo no idioma …

Using Yarn with Angular CLI

Posted by Anuraj on Sunday, January 28, 2018 Reading time :1 minute<p>This post is about using Yarn in Angular CLI instead of NPM. Yarn is an …

JavaScript

Using Angular Components with Third-Party Libraries

As developers, we aim to use existing libraries in order to avoid reinventing the wheel. Unfortunately, Angular is still relatively young, and we …

JavaScript

Querying For The Closest Parent Element in Angular – Netanel Basal

Imagine that you have a component with a nested structure. You’ve found a case where one of the children needs to run some functionality on one of …

JavaScript

Exploring The Undocumented APIs Of Material CDK – Netanel Basal

Platform<p>A service for determining the current platform.<p>Extras<p>supportsPassiveEventListeners() — Checks whether the user’s browser supports passive …

JavaScript

Using Pipe Results in Angular Templates – Netanel Basal

Let’s say you need to build a filter pipe which is responsible for filtering lists in your application.<p>A simple example would be:<p>We create a pipe …

JavaScript

Better Code Organization with Angular DI Multi Option

In almost every application there is a file where we throw all our application endpoints. If you are working with Angular, it probably looks …

JavaScript

Create Powerful Action Menu with Angular and Popper

In almost every web developer’s career, there’s a point where he needs to create a custom drop-down or action menu to use in his application.<p>Like any …

JavaScript

Understanding mergeMap and switchMap in RxJS – Netanel Basal

Higher order observables are one of the most influential features in Rx. They’re also one of the most difficult to understand.<p>In this article, I will …

JavaScript

Using TypeScript Dynamic Imports in Angular – Netanel Basal

TypeScript 2.4 added support for dynamic import() expressions, which allow us to asynchronously load and execute <b>ECMAScript modules</b> on demand.<p>This …

Widgets

Demystifying the Dependency Inversion Principle in Angular

In this article, I’d like to talk about the letter D in the SOLI<b>D</b> principles and how we can implement it in Angular. This D refers to the Dependency …

JavaScript

😎 Sexier Imports in TypeScript 👻 – Netanel Basal

In almost every application that does not use the technique we’ll talk about, we’ll see imports such as the following:<p>Yes, it’s part of our routine, …

JavaScript

Testing Observables in Angular – Netanel Basal

In this article, I’d like to talk about a misconception I’ve read in other articles about writing tests for observables in Angular.<p>Let’s examine this …

JavaScript

Angular + Jest + Wallabyjs why it is the ideal combination! And how to configure

Configure jest with code coverage<p>Now we add our dependencies to make jest working<p>First of all we will add jest: <br>yarn add @types/jest jest --dev<p>An …

JavaScript

Advanced pagination with @ngrx/store and Angular 5+

Pagination is a complex topic if you start thinking and discussing about it. Topics where you might not think about: what if the user changes the url …

Software Engineering

Learn to combine RxJs sequences with super intuitive interactive diagrams

When working on a sufficiently complex application you usually have data coming from more than one data source. It can be some multiple external data …

JavaScript

Angular: Nested template driven form

In this article i am going to show how we can build nested angular template drived form.<p>I am assuming you have already known what ngForm, ngModel, …

JavaScript

What makes Angular 5 more “Faster, Smaller and Easier” for developers

Before entering the new world of Angular-5 do remember that it offers numerous innovations and optimizations. But, it’s important to note that the …

JavaScript

Angular Routing Data with NGRX Effects

When a route changes and we load a component, we usually need to resolve some data for the component to load. Today you might use route resolvers or …

JavaScript

🏖️ How To Create Your First Custom Angular Schematics With Ease🛠️

I got very excited when Angular & CLI team announced that they are working on Schematics.<p>Automatic generation and updating of a code base in …

JavaScript

Angular techniques: Improve submit button’s UX by NOT disabling it.

Angular makes working with forms a blast, but it also promotes one unfortunate form behaviour that is not the most user friendly. Thankfully it is …

Web Development

Advanced Validation with Angular Reactive Forms

Out of the box Angular provides a minimal set of validators but in the real world you need many many more. Validation is really important to give the …

JavaScript

🎊 Create Angular Libraries in No Time Using Schematics 🎉

Maybe it’s just me, but since Angular was released, creating an open source library has been no simple task.<p>Luckily with the release of Angular …

JavaScript

Why another state management framework for Angular?

I didn’t set out to make my own state management system just for fun. I actually spent a lot of time trying to avoid creating my own. I created a …

JavaScript

File Uploads with Angular Reactive Forms

Reactive forms are great for basic inputs but what if we want to use them with file uploads? A really good reason to bind these two things together …

JavaScript

Architecture in Angular projects

One year ago, I published <b>Understanding Angular modules (NgModule)</b>. This post was focused on a technical point: scope, to know when to import a …

JavaScript

Resolving Data in Angular 2, 4, and 5; refactoring components; and moving to ngrx/store

<b>UPDATE 26th Feb 2018:</b> <i>I have added a new v6 where I switch to using</i> <i>unionize</i> <i>to help reduce the amount of boilerplate needed when working with NgRx.</i><p>I’ve …

JavaScript

RxJS 5.5, piping all the things

Previously, we used to do the following for things like filter , map, scan , …<p>Operators as pure functions<p>Whereas now all those operators are …

JavaScript

What’s new in TypeScript 2.8

Microsoft has released the production version of TypeScript 2.8.Where to download TypeScriptYou can download TypeScript through NuGet or via NPM. To …

JavaScript

Why would you NOT use TypeScript?

In a world where JavaScript is arguably the most popular tool for building software these days, it seems like it’s everywhere now. With Node.js, it’s …