Raja Ram T rajaramtt

If you already have a solid understanding of Angular 10 and are looking to learn more about the newer concepts and best practices in Angular, here’s a guide to the key concepts and architectural patterns you should focus on:

1. Ivy Renderer

Concept: Ivy is Angular’s rendering engine introduced in Angular 9, and it is now the default. It provides better performance, smaller bundle sizes, and improved debugging.
What to Learn: Understand how Ivy changes the way Angular compiles and renders components, and how it affects the size and performance of your application.

2. Standalone Components

Concept: Standalone components simplify the Angular module system by allowing components to be used without a module.

What is Jenkins:

Jenkins is an open-source continuous integration and continuous delivery tool written in Java. It's an automation server used to build and deliver software projects. Jenkins was forked from another project called Hudson after a dispute with Oracle.

CI/CD:

Continuous integration, is the practice in software engineering of merging all developer working copies to a

angular reactive extensions and it's state management solution for the angular

NGRX is a popular state management library specifically designed for Angular.

NgRx uses concepts such as actions, reducers, effects, and selectors to manipulate the state in a controlled manner.

Store

The store can be seen as your client side database. it reflects the state of your application. You can see it as the single source of truth.

Version	Link
ECMAScript 2015 - ES2015 - ES6	All Features List
ECMAScript 2016 - ES2016 - ES7	All Features List
ECMAScript 2017 - ES2017 - "ES8"	All Features List
ECMAScript 2018 - ES2018 - "ES9"	All Features List
ECMAScript 2019 - ES2019 - "ES10"	All Features List
ECMAScript 2020 - ES2020 - "ES11"	All Features List

Nx

https://nx.dev/

Nx is a suite of powerful, extensible dev tools to help you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries while providing a robust CLI, caching, dependency management, and more.

It has first-class support for many frontend and backend technologies, so its documentation comes in multiple flavours.

Principles

React is a JavaScript library

React is not a framework (unlike Angular, which is more opinionated)

React is an open-source project created by Facebook

creating a new single-page app, use Create React App. server-rendered website with Node.js, try Next.js.

	/*
	* General utils for managing cookies in Typescript.
	*/
	export function setCookie(name: string, val: string) {
	const date = new Date();
	const value = val;

	// Set it expire in 7 days
	date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000));

	import { Directive, HostListener, OnInit, Optional } from '@angular/core';
	import { NgControl } from '@angular/forms';

	@Directive({
	// tslint:disable-next-line:directive-selector
	selector: 'input[trimInput],textarea[trimInput]',
	})
	export class TrimInputDirective implements OnInit {

	constructor(@Optional() private ngControl: NgControl) {

	12

	# Check out to a temporary branch:
	git checkout --orphan TEMP_BRANCH

	# Add all the files:
	git add -A

	# Commit the changes:
	git commit -am "Initial commit"

	https://medium.com/codestory/seo-in-angular-without-server-side-rendering-fa7d984dd44b

	https://meganrook.medium.com/angular-error-handling-made-easy-9bca1b4c52b0