Tagged

web-development

A collection of 30 posts

react

Boosting Your React App Performance with React Profiler

A guide to measuring and improving React Apps performance with React Profiler. Accompanied by a web app that makes it easy to follow along.

angular

Running event listeners outside of the NgZone

NgZone notifies Angular when to perform the change detection process (e.g. a DOM event with bound listener is one of the triggerers). However, if in response to an event you directly manipulate the DOM or simply perform an action which does not require bindings update, the process is redundant.

angular

Extend Angular Schematics to customize your development process

Have you ever realized that you often repeat the same patterns across multiple files? Creating schematics that override well-known Angular schematics, designing them based on project needs will enhance your development and reduce time spent on generating files.

angular

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.

javascript

Observer APIs in JavaScript — Part II

We already discussed Mutation observers and Intersection observers in the above article. Let’s continue with the next.

javascript

Observer APIs in JavaScript —Part I

Observer APIs are very useful to detect changes in the applications. The following are the different types of observer APIs in JavaScript. Each type observes different things.

typescript

Double Question Marks TypeScript 3.7 - Nullish Coalescing

Explores the functionality and use cases of the Nullish Coalescing operator (??) that was added in TypeScript 3.7.

angular

Complete beginner guide to publishing an Angular library to npm

In this article, I will be sharing my experience of publishing my first Angular library to NPM. This post will cover steps right from creating the library to detailed NPM publishing steps.

angular

Code-sharing made easy in a full-stack app with Nx, Angular, and NestJS

In this article, we'll combine Angular and NestJS while building a journal app and learn how to take advantage of code sharing in a Nx monorepo

angular

Switch themes like a fox based on Ambient Light in your Angular Apps

Learn how to automatically change themes with the change in ambient lighting conditions in your Angular App. Here's a simple, step by step, and easy to follow article for beginners.

webpack

Under-the-hood of web bundlers (e.g. Webpack)

Webpack is somewhat of a black box for most developers. Tools like “create-react-app” abstract most of the bundler functionality away. I did some research into it and began building my own light-weight web bundler to understand more about what it entails.

webpack

Webpack 5 Module Federation: A game-changer in JavaScript architecture

In this article we will learn about Webpack 5 Module Federation: A game-changer in JavaScript architecture

javascript

Becoming a Git pro. Part 1: internal Git architecture

In this article we'll explore internal architecture of Git step by step using practical exercises. We'll see how Git stores content, what is a tree object that underlies a commit and how a branch is just a text file.

angular

Shell Library patterns with Nx and Monorepo Architectures

In this article we will discuss concepts of shell libraries and how they differ. At the end, we will settle on a shell library pattern and discuss under which circumstances it's useful.

typescript

How not to trick TypeScript compiler and not be tricked by it

I'll give an advice on how approach typing in TS and show tricky examples using TS where wrong assumptions might lead your to errors. We'll also explore the connections between types along the way.

angular

Writing custom virtual scroll strategy in Angular apps

Learn how you can handle dynamic items size for Angular CDK virtual scroll by providing your own VirtualScrollStrategy.

dependency-injection

Why do we have Dependency Injection in web development

An in-depth look at why and how we implemented Dependency Injection (IoC) Container in ag-Grid. In the article I also explore the benefits DI brings in web development.

javascript

Inside ag-Grid: techniques to make the fastest JavaScript datagrid in the world

The main idea is to review patterns and techniques that we use under the hood to build the fastest datagrid while also providing ample customization opportunities. Since ag-Grid is open source, you can follow along by exploring source code on github when I link to it.

angular

Type-checking templates in Angular ViewEngine and Ivy

In this article, I will dive into Angular type-checking system, show how it’s done in ViewEngine and also highlight the latest features and improvements which are available in Ivy.

angular

Optimize Angular bundle size in 4 steps

In this article we will learn about how to optimize Angular bundle size in 4 steps.

javascript

How Cypress Makes Testing Fun

Cypress is an Open Source JavaScript testing framework. Cypress enables e2e, integration, and unit tests in your projects. The e2e features of Cypress are what get the most attention currently, because of both the quality of the experience and the large amount of benefits it provides.

javascript

npm Peer Dependencies

In this article I clarify what npm Peer Dependencies are and especially when you should use them. Peer Dependencies are listed in the package.json file in the peerDependencies object.

angular

Angular Unit Testing @ViewChild

This articles explains how to writ unit tests for components with @ViewChild decorators using a stub component

angular

I changed my implementation of an EXTREMELY deeply nested Angular Reactive Form and you won’t believe what happened

Do you have a deeply nested data structure? Do you have to build a form around it? Is this form really slow to work with? Are your users complaining about it? Do you need an escape? WAIT! I’m here to guide you home.

ngrx

How the AngularFire Library makes Firebase feel like Magic

The following post is going to give a high level view of the AngularFire library, and how it works under the hood. I’m going to walkthrough a simple grocery list app I wrote, and show how using AngularFire makes things seem to work like magic.