mohanramphp

<?php
echo "This is sample page";
?>

mohanramphp

(function(){
  console.log('I called myself');
})();

mohanramphp

{
  "compileOnSave": false,
  ...
  ...
    "paths": {
      "ratify": [
        "dist/ratify"
      ],
      "ratify/*": [
        "dist/ratify/*"

mohanramphp

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "angular-component-library": {
      "root": "",
      "sourceRoot": "src",
      ...
      ...

mohanramphp

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { RatifyModule } from 'ratify'; // <-- import the RatifyModule from ratify library we built

@NgModule({
  declarations: [
    AppComponent
  ],

mohanramphp

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  grade = 0; // current rating - default to pass to the component
  maxRating = 5; // max rating - can be 5 or 10. Based on user convinence

mohanramphp

<div style="text-align:center">
  <h1>
    Lets rate it!
  </h1>
  <lib-ratify [grade]="grade" [maxRating]="maxRating" [showRatingCounter]="showRatingCounter" (triggerRatingSelection)="selectedRating($event)"></lib-ratify>
  <h1 *ngIf="myRating">
    Rated to {{myRating}}
  </h1>
</div>

mohanramphp

{
  "name": "angular-component-library",
  "version": "0.0.0",
  "scripts": {
    "prestart": "npm install",
    "ng": "ng",
    "start": "ng serve",
    ...
    ...
    "build-lib": "ng build --prod ratify", // To built the library for production

mohanramphp

If you haven’t worked with JavaScript in the last few years, these three points should give you enough knowledge to feel comfortable reading the React documentation:

• We define variables with let and const statements. For the purposes of the React documentation, you can consider them equivalent to var.
• We use the class keyword to define JavaScript classes. There are two things worth remembering about them. Firstly, unlike with objects, you don't need to put commas between class method definitions. Secondly, unlike many other languages with classes, in JavaScript the value of this in a method [depends on how it is called](https://developer.mozilla.org/en-US/docs/Web/Jav

mohanramphp

// 1: how could you rewrite the following to make it shorter?
if (foo) {
  bar.doSomething(el);
} else {
  bar.doSomethingElse(el);
}

Answer:
bar[foo ? 'doSomething' : 'doSomethingElse'](el);