CodeByKwakes

Angular and Nx Version Compatibility

This document provides a comprehensive look at the compatibility of various Angular and Nx versions with Node.js, NVM, TypeScript, and RxJS. For more detailed and updated information, please refer to the official Angular and Nx documentation or the compatibility matrices on GitHub.

Angular Version Compatibility

Angular Version	Angular CLI Version	Node.js Version	NVM Version	TypeScript Version	RxJS Version
18.1.x || 18.2.x	18.1.x || 18.2.x	^18.19.1 || ^20.11.1 || ^22.0.0	0.39.1	>=5.4.0 <5.6.0	^6.5.3 || ^7.4.0
18.0.x	18.0.x	^18.19.1 || ^20.11.1 || ^22.0.0	0.39.1	>=5.4.0 <5.5.0	^6.5.3 || ^7.4.0

CodeByKwakes

{
  "workbench.colorCustomizations": {
    // "activityBar.activeBackground": "#9e45f7",
    // "activityBar.background": "#9e45f7",
    // "activityBar.foreground": "#e7e7e7",
    // "activityBar.inactiveForeground": "#e7e7e799",
    // "activityBarBadge.background": "#f79f48",
    // "activityBarBadge.foreground": "#15202b",
    "commandCenter.border": "#e7e7e799",
    "sash.hoverBorder": "#9e45f7",

CodeByKwakes

Learn Angular

Contents

• Learn Angular

CodeByKwakes

Husky

# install Husky
npx husky-init && npm install

# create empty hooks
npx husky add .husky/commit-msg 'npx --no -- commitlint --edit "$1"' # or npx husky add .husky/commit-msg ''
npx husky add .husky/prepare-commit-msg '(exec < /dev/tty && node_modules/.bin/cz --hook) || true < /dev/null' # npx husky add .husky/prepare-commit-msg ''

CodeByKwakes

Angular Versions Overview

Angular is a popular open-source web application framework used for building dynamic and scalable applications. Since its initial release in 2016, Angular has gone through several updates and versions, each with its own set of new features and improvements. In this article, we will provide an overview of all Angular versions since 2, along with their notable features and the recommended Node.js version to run them.

Angular Version	Release Date	Notable Features	Node Version
Angular 2	September 2016	Component-based architecture, reactive programming support, improved dependency injection	6 or higher
Angular 4	March 2017	Animation package, *ngIf and *ngFor improvements, source maps for templates	6 or higher
Angular 5	November 2017	Improved compiler error messages, build optimizer, HttpClient replaces Http	8 or higher
Angular 6	May 2018	Ivy renderer (experimental), Angular elements, improved service worker suppor

CodeByKwakes

NGRX Guide

Introduction

ngrx is a reactive library for Angular that enables state management of your application. It implements the Redux pattern inspired by the React community, providing an observable store that can be subscribed to and dispatch actions that trigger updates to the store.

Installation

To install ngrx, run the following command:

CodeByKwakes

{
  "singleQuote": true,
  "printWidth": 80,
  "tabWidth": 2,
  "trailingComma": "none",
  "bracketSameLine": true,
  "singleAttributePerLine": true,
  "overrides": [
    {
      "files": "*.component.html",

CodeByKwakes

{
  "scripts": [],
  "styles": []
}

CodeByKwakes

{
  "scripts": [],
  "styles": []
}

CodeByKwakes

{
  "scripts": [],
  "styles": []
}