vades

Using Lodash in Angular applications

Lodash is a JavaScript library that helps programmers deal with all types of object.

Tested on

• Angular: 7.0.3
• Node: 8.10.0
• Typescript: 3.1.6

Do npm install

vades

How to structure Angular project

A good guideline to follow is to split Angular application into at least three modules:

1. Core.
2. Features.
3. Shared.

Core

All services which have to have one instance per application should be implemented here.

Features

vades

Use root paths for module imports

Add your application source via paths in tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "src",
    ...
 "paths": {

vades

Angular and Chart.js with ng2-charts

Chart.js is a JavaScript library which makes it easy to create animated and responsive charts. If you want to combine Chart.js with Angular you can use ng2-charts.

Tested on

• Angular: 7.0.3
• Node: 8.10.0
• Typescript: 3.1.6

Install Chart.js using npm

vades

Generating things without .spec.ts in Angular

Disable generation using CLI by adding --no-spec

ng generate component component-name --no-spec

Permanently disable in angular.json

vades

Convert JSON data to Eloquent collection in Laravel application

$collection = collect(json_decode($response));
$items = $collection->where('id', 25);

vades

Sizing Font Awesome icons

Basic sizing

<i class="fas fa-igloo fa-xs"></i>
<i class="fas fa-igloo fa-sm"></i>
<i class="fas fa-igloo fa-lg"></i>
<i class="fas fa-igloo fa-2x"></i>
<i class="fas fa-igloo fa-3x"></i>
<i class="fas fa-igloo fa-5x"></i>

vades

Using timeout in Angular App

You have to use ArrowFunction ()=>

export class YourComponent implements OnInit {

  ngOnInit() {
   setTimeout(()=> {
 console.log('Running timeout');

vades

Laravel logging

Laravel provides logging services that allow you to log errors, messages, events and uses Monolog, a powerful popular PHP logging library for all its logging needs.

Configuration

config/logging.php 

Log levels

• emergency,
• alert,

vades

Difference between Constructor and ngOnInit

Constructor

is a default method runs by deafult when component is being constructed.

ngOnInit

is component's life cycle hook which runs first after constructor when component is being initialized.

Source

Difference between Constructor and ngOnInit