Latest on inDepthDev

Angularpost
4 March 20218 min read
Angular Universal: real app problems

Angular Universal is an open-source project that extends the functionality of @angular/platform-server. The project makes server-side rendering possible in Angular. This article will discuss the issues and possible solutions we encountered while developing a real application with Angular Universal.

Angularpost
4 March 20218 min read
Angular Universal: real app problems

Angular Universal is an open-source project that extends the functionality of @angular/platform-server. The project makes server-side rendering possible in Angular. This article will discuss the issues and possible solutions we encountered while developing a real application with Angular Universal.

Read more
Angular

Angular Universal is an open-source project that extends the functionality of @angular/platform-server. The project makes server-side rendering possible in Angular. This article will discuss the issues and possible solutions we encountered while developing a real application with Angular Universal.

4 March 2021

8 min read

All articles

Angularpost
15 February 20216 min read
How to refactor an Angular codebase

If you see a project ridden with problems and bad practices, it might be tempting to start refactoring right away. But it is important to clear up several issues before getting to work.

Angularpost
10 February 20214 min read
RxJS custom operators

Undoubtedly, it’s a wide array of operators that makes the RxJS library extremely powerful utility in a developer’s tool belt. In this blog post, I will introduce you to the concept of custom RxJS operators and present exemplary implementations.

Angularpost
10 February 20214 min read
RxJS custom operators

Undoubtedly, it’s a wide array of operators that makes the RxJS library extremely powerful utility in a developer’s tool belt. In this blog post, I will introduce you to the concept of custom RxJS operators and present exemplary implementations.

Read more
AngularpostRxJS custom operators
author
Wojciech Trawiński
10 February 20214 min read

Undoubtedly, it’s a wide array of operators that makes the RxJS library extremely powerful utility in a developer’s tool belt. In this blog post, I will introduce you to the concept of custom RxJS operators and present exemplary implementations.

Read more
Angularpost
3 February 20217 min read
Headless Angular Components

A headless component is one that provides behavior to its children, and allows the children to decide the actual UI to render while incorporating the behavior provided by the parent. In this article, we explore an example of a headless component, and the problems they help us solve.

Angularpost
3 February 20217 min read
Headless Angular Components

A headless component is one that provides behavior to its children, and allows the children to decide the actual UI to render while incorporating the behavior provided by the parent. In this article, we explore an example of a headless component, and the problems they help us solve.

Read more
AngularpostHeadless Angular Components
author
Hayden Braxton
3 February 20217 min read

A headless component is one that provides behavior to its children, and allows the children to decide the actual UI to render while incorporating the behavior provided by the parent. In this article, we explore an example of a headless component, and the problems they help us solve.

Read more
RxJSpost
21 January 20214 min read
RxJS in Angular: Part III

In my previous two articles we have discussed how to change our components which solve problems in imperative ways to do that in functional, reactive, RxJS way, and we of course had a lot of fun doing that.

RxJSpost
21 January 20214 min read
RxJS in Angular: Part III

In my previous two articles we have discussed how to change our components which solve problems in imperative ways to do that in functional, reactive, RxJS way, and we of course had a lot of fun doing that.

Read more
RxJSpostRxJS in Angular: Part III
author
Armen Vardanyan
21 January 20214 min read

In my previous two articles we have discussed how to change our components which solve problems in imperative ways to do that in functional, reactive, RxJS way, and we of course had a lot of fun doing that.

Read more
Angularpost
20 January 20216 min read
Angular and SOLID principles

In software engineering, making things work the first time is always easy. But, what if you want to add new functionalities to an existing code? Making iterations on an existing basis can be difficult to do without introducing bugs. This is where SOLID principles come into play.

Angularpost
20 January 20216 min read
Angular and SOLID principles

In software engineering, making things work the first time is always easy. But, what if you want to add new functionalities to an existing code? Making iterations on an existing basis can be difficult to do without introducing bugs. This is where SOLID principles come into play.

Read more
AngularpostAngular and SOLID principles
author
Samuel Teboul
20 January 20216 min read

In software engineering, making things work the first time is always easy. But, what if you want to add new functionalities to an existing code? Making iterations on an existing basis can be difficult to do without introducing bugs. This is where SOLID principles come into play.

Read more
Angularpost
14 January 20216 min read
Demystifying Taiga UI root component: portals pattern in Angular

Just before new year we announced our new Angular UI kit library Taiga UI. If you go through Getting started steps, you will see that you need to wrap your app with the tui-root component. Let's see what it does and explore what portals are and how and why we use them.

JavaScriptpost
22 December 20203 min read
throwError is not throw error

The American poet Edward Estlin Cummings was famous for his eccentric use of spacing and capitalization, to the point that his name is usually styled as e e cummings. I wonder what he would think of an RxJS question that a friend asked me: “Is returning throwError the same as writing ‘throw error’?”

JavaScriptpost
22 December 20203 min read
throwError is not throw error

The American poet Edward Estlin Cummings was famous for his eccentric use of spacing and capitalization, to the point that his name is usually styled as e e cummings. I wonder what he would think of an RxJS question that a friend asked me: “Is returning throwError the same as writing ‘throw error’?”

Read more
JavaScriptpostthrowError is not throw error
author
Michael Lorton
22 December 20203 min read

The American poet Edward Estlin Cummings was famous for his eccentric use of spacing and capitalization, to the point that his name is usually styled as e e cummings. I wonder what he would think of an RxJS question that a friend asked me: “Is returning throwError the same as writing ‘throw error’?”

Read more
Angularpost
10 December 20207 min read
Bulletproof Angular. Angular strict mode explained

Angular uses TypeScript because TypeScript provides us with the tooling to create more robust applications. I'm talking about tools for type safety. But tons of developers aren't using the provided tools. They just create applications as they did 10 years ago using JavaScript.

Angularpost
10 December 20207 min read
Bulletproof Angular. Angular strict mode explained

Angular uses TypeScript because TypeScript provides us with the tooling to create more robust applications. I'm talking about tools for type safety. But tons of developers aren't using the provided tools. They just create applications as they did 10 years ago using JavaScript.

Read more
AngularpostBulletproof Angular. Angular strict mode explained
author
Nikita Poltoratsky
10 December 20207 min read

Angular uses TypeScript because TypeScript provides us with the tooling to create more robust applications. I'm talking about tools for type safety. But tons of developers aren't using the provided tools. They just create applications as they did 10 years ago using JavaScript.

Read more
Angularpost
17 November 202011 min read
Craft a complete GitLab pipeline for Angular. Part 1

Learn Gitlab to build a CI/CD pipeline for Angular apps and libraries. This first article introduces Gitlab pipelines. At the end, you'll get a pipeline fetching project dependencies and running build and tests. It comes with many optimizations and reports integration in merge requests.

Angularpost
17 November 202011 min read
Craft a complete GitLab pipeline for Angular. Part 1

Learn Gitlab to build a CI/CD pipeline for Angular apps and libraries. This first article introduces Gitlab pipelines. At the end, you'll get a pipeline fetching project dependencies and running build and tests. It comes with many optimizations and reports integration in merge requests.

Read more
AngularpostCraft a complete GitLab pipeline for Angular. Part 1
author
Jérémy Bardon
17 November 202011 min read

Learn Gitlab to build a CI/CD pipeline for Angular apps and libraries. This first article introduces Gitlab pipelines. At the end, you'll get a pipeline fetching project dependencies and running build and tests. It comes with many optimizations and reports integration in merge requests.

Read more
writingpost
12 November 20204 min read
Make your mark with inDepthDev

At inDepth we strongly believe that writing technical articles is one of the most effective ways to learn a topic at a deeper level. Investing your time and effort into acquiring valuable knowledge and sharing it with peers is the most rewarding path to professional growth.

writingpost
12 November 20204 min read
Make your mark with inDepthDev

At inDepth we strongly believe that writing technical articles is one of the most effective ways to learn a topic at a deeper level. Investing your time and effort into acquiring valuable knowledge and sharing it with peers is the most rewarding path to professional growth.

Read more
writingpostMake your mark with inDepthDev
author
Max Koretskyi
12 November 20204 min read

At inDepth we strongly believe that writing technical articles is one of the most effective ways to learn a topic at a deeper level. Investing your time and effort into acquiring valuable knowledge and sharing it with peers is the most rewarding path to professional growth.

Read more
Angularpost
10 November 20204 min read
Visual Regression Testing with Cypress and Angular

Visual regression testing is a robust technic that improves our suite of tests, by literarily taking a screenshot of an element, component, or page in a determined state and then use it to compare the latest state of that element.

Angularpost
4 November 20209 min read
Responsive Angular Components

Ever since mobile devices became capable of accessing the web, it became obvious that not all web pages are usable on a small screen. Today most websites implement responsive design, but often at a cost of extra DOM. This post will show you how to solve that last step in Angular.

Angularpost
4 November 20209 min read
Responsive Angular Components

Ever since mobile devices became capable of accessing the web, it became obvious that not all web pages are usable on a small screen. Today most websites implement responsive design, but often at a cost of extra DOM. This post will show you how to solve that last step in Angular.

Read more
AngularpostResponsive Angular Components
author
Miroslav Jonas
4 November 20209 min read

Ever since mobile devices became capable of accessing the web, it became obvious that not all web pages are usable on a small screen. Today most websites implement responsive design, but often at a cost of extra DOM. This post will show you how to solve that last step in Angular.

Read more
Angularpost
29 October 20206 min read
Immutability importance in Angular applications

In Angular apps, the immutability term is mostly mentioned when you deal with the OnPush change detection strategy. Mutable update patterns may not only prevent you from taking advantage of narrowing a components tree subjected to the change detection, but it also leads to hard to spot bugs/gotchas.

Angularpost
29 October 20206 min read
Immutability importance in Angular applications

In Angular apps, the immutability term is mostly mentioned when you deal with the OnPush change detection strategy. Mutable update patterns may not only prevent you from taking advantage of narrowing a components tree subjected to the change detection, but it also leads to hard to spot bugs/gotchas.

Read more
AngularpostImmutability importance in Angular applications
author
Wojciech Trawiński
29 October 20206 min read

In Angular apps, the immutability term is mostly mentioned when you deal with the OnPush change detection strategy. Mutable update patterns may not only prevent you from taking advantage of narrowing a components tree subjected to the change detection, but it also leads to hard to spot bugs/gotchas.

Read more
automated-testingpost
19 October 20209 min read
Announcing Stryker 4.0: Mutation Switching

Stryker 4.0 is out! This new version of the mutation testing framework for JavaScript and friends brings significant performance and usability improvements. Features include mutation switching, build command support, checker plugin support and better coverage analysis.

automated-testingpost
19 October 20209 min read
Announcing Stryker 4.0: Mutation Switching

Stryker 4.0 is out! This new version of the mutation testing framework for JavaScript and friends brings significant performance and usability improvements. Features include mutation switching, build command support, checker plugin support and better coverage analysis.

Read more
automated-testingpostAnnouncing Stryker 4.0: Mutation Switching
author
Nico Jansen
19 October 20209 min read

Stryker 4.0 is out! This new version of the mutation testing framework for JavaScript and friends brings significant performance and usability improvements. Features include mutation switching, build command support, checker plugin support and better coverage analysis.

Read more
Angularpost
13 October 20207 min read
New possibilities with Angular’s push pipe - Part 2

The main idea behind the Angular push pipe is a new way of handling change detection locally instead of the global handling used in async pipe by Angular natively. It is implemented in a way we can get zone-less performance in zone-full applications.