Posts

Angular

Sanitizer

Render Global Alerts

Explore the complexities of integrating dynamic content like buttons into internationalized messages in Angular. This blog guides you through building a robust global alert system using NgRx, offering insights into handling security constraints and dynamically loading components.

Angular

Validator

Conditional Validator

Discover a streamlined approach to handling conditional validators in Angular reactive forms with the ifValidator utility. Say goodbye to redundant code and complex subscription structures. This blog unveils an elegant solution for cleaner, more maintainable code in scenarios where conditional validation is a necessity.

Angular

Signal

Unveiling the Power of Signals

Signals promise unparalleled efficiency in managing reactivity, simplifying state changes, and fostering cleaner codebases. This article introduces the signal fundamental in Angular 17 and how it works with RxJS.

cover image
Web features we might not know

A breakdown of the most useful new features for web developers using HTML, CSS, and JavaScript. Learn about native dialog windows, WebGPU, CSS container queries, and more.

RxJS

RxJS Operator

Combine streams series 2

get it all vs just in time

RxJS

RxJS Operator

Combine streams series 1

forkJoin, combineLatest, withLatestFrom

RxJS

RxJS Operator

forkJoin use cases

Use cases of forkJoin

Angular

Async Pipe

Angular Declarative Approach

Declarative approach using RxJS stream and async pipe

Angular

Standalone Components

Standalone Components

Angular 14 new feature

Angular

Form

Angular Form

Angular Form

Angular

Module

Angular Module

Angular Module

Angular

Services

Angular Services

Angular Service

Angular

Pipes

Angular Pipes

Angular Pipe

Angular

Component

Understanding Component

Angular Component

Angular

Directive

Structural Directive

Angular Custom Structural Directive

Angular

Directive

Attribute Directive

Angular Custom Attribute Directive

Angular

Cache

Angular Caching

Cache by share and shareReplay

RxJS

Subject

RxJS Subject

Different Types of Subject

Vue

Vue Deep Dive

Vue

Vue Deep Dive

Vue3 S4 - Reactivity

Reactivity API

Vue

Vue Deep Dive

Vue3 S3 - Mount, Patch

How to create a renderer, mounting, patching

Vue

Vue Deep Dive

Vue3 S2 - Render Function

How to use render function

Vue

Vue Deep Dive

Vue3 S1 - Overview

Overview of Vue 3

Architect

Service-based Architecture

Service-based Architecture

This article introduces Service-based architectural styles.

Architect

MicroKernel Architecture

MicroKernel Architecture

This article introduces MicroKernel architectural styles.

Architect

Pipeline Architecture

Pipeline Architecture

This article introduces pipeline architectural styles.

Architect

Layered Architecture

Layered Architecture

This article introduces layered architectural styles.

Architect

Architecture Fallacy

Monolithic vs Distributed Architectures

This article introduces some common fallacy about different architectural styles.

Architect

Architect Expectations

Expectations of an Architect

How to be an excellent architect

React

useRef

React useRef

React useRef API

React

useState

React useState

React useState API

AE

Adobe AE

Create lottie by Adobe After Effects

Create a lottie animation by Adobe After Effects

cover image
GSAP Parallax Scrolling

What is parallax scrolling?

cover image
GSAP 3 scrollTrigger Scrub and Pin

GSAP scrollTrigger scrub and pin

cover image
GSAP 3 scrollTrigger QuickStart

GSAP scrollTrigger quick start, toggleActions

Vue

Custom Element

Create Vue 3.2 Custom Components

Create a Vue Custom Component library and compare it with regular Vue components library.

Vue

Vue Library

Create a Vue Library by Vite and Publish to NPM

Create a vue library using vite, rollup, typescript, tailwind.

React

React Library

Create a React Library and Publish to NPM

Create a react library from scratch.

cover image
Framer Motion Examples

Easy animation by framer motion

Typescript

Typescript Generics

Typescript Generics

Typescript generics

Typescript

Typescript Narrowing

Typescript Narrowing

Typescript narrowing tricks

Typescript

Typescript Tricks

Typescript Tricks

Some typescript tricks for angular developers

cover image
How to use Reduce in JavaScript

The reduce function of an array is one of the most versatile functions in JavaScript. With it you can accomplish a lot of the functions from array and math objects.

cover image
How Does SWR Work?

SWR is a great package from Zeit to help make it easier to fetch remote data with hooks. It is based on the stale-while-revalidate RFC.