rajaramtt

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

rajaramtt

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

rajaramtt

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

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

rajaramtt

/*
 * 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));

rajaramtt

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) {

rajaramtt

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"

rajaramtt

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.

rajaramtt

Diff

Grid Layout is a two-dimensional and flexbox is a one-dimensional

Grid’s approach is layout-first and Flexbox’ approach is content-first

Flexbox small-scale layouts Grid’s larger scale

Grid is Container-Based, Flexbox is Content-Based

rajaramtt

Ctrl+, User Settings
Ctrl+K Ctrl+S Keyboard Shortcuts
Ctrl+T Show all Symbols
Ctrl+G Go to Line...
Ctrl+P Go to File...
Ctrl+Shift+O Go to Symbol...
Ctrl+Space Trigger suggestion
Ctrl+. Quick Fix

rajaramtt

const greet = (obj) => {
  return `${obj.greeting}, ${obj.firstName}${obj.lastName}`;
}

best way

const greet = ({