Skip to content

Instantly share code, notes, and snippets.

@CodeByKwakes
CodeByKwakes / settings.json
Last active December 10, 2023 17:09
VSCode Theme #themes
{
"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
CodeByKwakes / README.md
Last active July 12, 2024 20:40
Learn Angular #angular
@CodeByKwakes
CodeByKwakes / README.md
Last active October 6, 2023 12:01
Git Hook setup

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
CodeByKwakes / README.md
Created March 21, 2023 00:20
Angular Versions Overview #angular

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
CodeByKwakes / README.md
Last active March 16, 2023 12:09
NgRx Guide #ngrx

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
CodeByKwakes / .prettierrc
Last active October 9, 2023 00:11
Prettier Settings #prettier
{
"singleQuote": true,
"printWidth": 80,
"tabWidth": 2,
"trailingComma": "none",
"bracketSameLine": true,
"singleAttributePerLine": true,
"overrides": [
{
"files": "*.component.html",
{
"scripts": [],
"styles": []
}
@CodeByKwakes
CodeByKwakes / codeswing.json
Last active April 15, 2022 11:11
Pure SCSS Material Palette Generator
{
"scripts": [],
"styles": []
}
@CodeByKwakes
CodeByKwakes / codeswing.json
Last active March 14, 2022 18:15
Material Design Sass Color Palette
{
"scripts": [],
"styles": []
}