Tejas Rana

Category: Angular

  • What is NGRX and Use of NGRX

    What is NGRX and Use of NGRX

    So, In the previous blog, we learn what is State management and the benefit of State in our App. I gave you a basic idea about the store in the previous blog. But in this blog post, I will give you more detail about the store of NGRS. Store, As the name we can assume…

  • What is State Management in Angular? How to improve Performance?

    Is your application is really big or made for enterprise-level? Is your application consuming the same APIs again and again to fetch the same data on each action? Then you are doing the wrong implementation, my dear friend. You should maintain the State of Application just like you heard in React.js using Redux. Yes, you…

  • Angular Typescript Geo Info Module

    An (AOT ready) Angular (4+) service for Geo coordination. Installation npm install ngx-geo-info-angular –save   Add the cookie service to your app.module.ts as a provider: import { BrowserModule } from ‘@angular/platform-browser’; import { NgModule } from ‘@angular/core’; import { FormsModule } from ‘@angular/forms’; import { HttpModule } from ‘@angular/http’; import { AppComponent } from ‘./app.component’; import {…

  • Angular 6: Remove Object from Array of Object on Conditional Based

    Angular 6: Remove Object from Array of Object on Conditional Based

  • Build Ultra-Modern Web Apps with Angular Material

    Build Ultra-Modern Web Apps with Angular Material

    At the Google I/O Conference back in 2014, Google announced Material Design, their new design language. They have since converted much of their popular applications to adhere to this new spec in an effort to provide a consistent experience. Now they are trying to convince you to follow along as well. What is Material Design?…

  • Build Ultra-Modern Web Apps with Angular Material

    At the Google I/O Conference back in 2014, Google announced Material Design, their new design language. They have since converted much of their popular applications to adhere to this new spec in an effort to provide a consistent experience. Now they are trying to convince you to follow along as well. What is Material Design?…

  • A Step-by-Step Tutorial for Your First AngularJS App

    What is AngularJS? AngularJS is a JavaScript MVC framework developed by Google that lets you build well structured, easily testable, and maintainable front-end applications. And Why Should I Use It? If you haven’t tried AngularJS yet, you’re missing out. The framework consists of a tightly integrated toolset that will help you build well structured, rich client-side…

  • Top 18 Most Common AngularJS Mistakes That Developers Make

    Single page apps demand the front-end developers to become better software engineers. CSS and HTML are not the biggest concern anymore, in fact, there is no longer just a single concern. The front-end developer needs to handle XHRs, application logic (models, views, controllers), performance, animations, styles, structure, SEO, and integration with external services. The result…

  • AngularJS Tutorial: Demystifying Custom Directives – Shared Tutorial

  • AngularJS Filter Example using JSON

    In this tutorial we will learn filter of data using AngularJS:   First create HTML page: <!DOCTYPE html> <html lang=”en-US”> <head> <title>AngularJS Filter</title> </head> <body > </body> </html> Add js File in Head: <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js”></script> After adding AngularJS file your code look like: <!DOCTYPE html> <html lang=”en-US”> <head> <title>AngularJS Filter</title> <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js”></script> </head> <body> </body> </html>…