html 5intervie

Comments

Post a Comment

Popular posts from this blog

3. template and template url

TEMPLATE WITH SINGLE LINE CAN BE USED SINGLE OR DOUBLE QUOTES import { Component } from '@angular/core' ; @ Component ({ selector: 'app-root' , template: "hi {{title}}" }) export class AppComponent { title : string = 'angular' ; } TEMPLATE MORE THAN 1 LINE USED BACKTICKS import { Component } from '@angular/core' ; @ Component ({ selector: 'app-root' , template: `hi {{title}} ABC XYZ` }) export class AppComponent { title : string = 'angular' ; } USING TEMPLATEURL import { Component } from '@angular/core' ; @ Component ({ selector: 'app-root' , templateUrl: './app.component.html' }) export class AppComponent { title : string = 'angular' ; }
Read more

ReactJS: How and when to force a React component to re-render

Image
What is force re-rendering? Force re-rendering in React is like pressing the refresh button on a webpage, even when the page seems just fine. In React, it means telling a component to update and redraw itself, even if nothing has really changed in the data (stat/props) it uses. Although React is usually good at knowing when it is time to update a component, there are moments when you want to take the reins and tell it to refresh a certain part of the codebase. In this article, we will explore this in more detail. Understanding React’s rendering behavior Let’s take a closer look at how React’s rendering process works by default. To understand when and why you might need to nudge React into re-rendering, you need to get familiar with its underlying architecture. At the heart of  React’s rendering  magic lies the Virtual DOM. Imagine it as a clone of the actual DOM, the structure of your webpage. React uses this Virtual DOM to figure out what needs to be updated when your data ch...
Read more

angular installation

Step 1 install node.js and npm to check version of node node -v if not installed show err node is not recognized as an internal or external command to checkk version of npm npm -v if not installed show err npm is not recognized as an internal or external command open windows command prompt  run msinfo32 // to check system hardware ram rom harddisk if not exist download  node and install download visual studio code to develop angular application typescript 2.2.0 or later is required npm install -g @angular/cli ng new my-dream-app cd my-dream-app ng serve to compile typescript to javascript when typescript files are saved set "compileOnSave" to  true in tsconfig.json file { "compileOnSave": true, ....... }
Read more