Understanding Zones and Change Detection in Ionic 2 & Angular 2

Source: https://www.joshmorony.com/understanding-zones-and-change-detection-in-ionic-2-angular-2/ Zones and change detection are an important part of Angular 2, and so it is important to our Ionic 2 application. I figured I understood what was happening at a surface level with change detection, but didn’t really “get it”. I decided to do a deep dive into some research to try and clarify my understanding, … Read moreUnderstanding Zones and Change Detection in Ionic 2 & Angular 2

Efficiently load JavaScript with defer and async

Source: https://flaviocopes.com/javascript-async-defer/ The position matters Async and Defer Performance comparison No defer or async, in the head No defer or async, in the body With async, in the head With defer, in the head Blocking parsing Blocking rendering domInteractive Keeping things in order Just tell me the best way When loading a script on an … Read moreEfficiently load JavaScript with defer and async

Beginner’s guide to OAuth: Understanding access tokens and authorization codes using Google API

Source: https://dev.to/risafj/beginner-s-guide-to-oauth-understanding-access-tokens-and-authorization-codes-2988 As a user, it’s easy and convenient to use your Google account (or Facebook, Twitter, etc.) to sign into other services. You click the “Sign in with Google” button You get redirected to a consent screen You click “Allow” The page redirects to the actual application But there’s actually a lot going on … Read moreBeginner’s guide to OAuth: Understanding access tokens and authorization codes using Google API

Introduction to Fabric.js. Part 1.

Source: http://fabricjs.com/fabric-intro-part-1 Introduction to Fabric.js. Part 1. Today I’d like to introduce you to Fabric.js — a powerful Javascript library that makes working with HTML5 canvas a breeze. Fabric provides a missing object model for canvas, as well as an SVG parser, layer of interactivity, and a whole suite of other indispensable tools. It is a fully … Read moreIntroduction to Fabric.js. Part 1.

Introduction to Fabric.js. Part 3.

Source: http://fabricjs.com/fabric-intro-part-3 We’ve covered most of the basics in first and second parts of this series. Let’s move on to the more advanced stuf! Groups First thing we’ll talk about is groups. Groups are one of Fabric’s most powerful features. They are exactly what they sound like — a simple way to group any Fabric objects into a single … Read moreIntroduction to Fabric.js. Part 3.

Introduction to Fabric.js. Part 2.

Source: http://fabricjs.com/fabric-intro-part-2 In the first part of this series, we only started to get familiar with Fabric.js. We looked at the reasons to use Fabric, at its object model and object hierarchy, at different kind of entities available in Fabric — simple shapes, images, and complex paths. We also learned how to perform simple operations with … Read moreIntroduction to Fabric.js. Part 2.

Should you commit the node_modules folder to Git?

Source: https://flaviocopes.com/should-commit-node-modules-git/ That’s a good question to have. There are pros and cons. I discuss the topic so you can make your own opinion. Published Aug 06, 2018 Should you commit the node_modules folder to Git? I mention Git but the same applies to any version control system you happen to use That’s a good question … Read moreShould you commit the node_modules folder to Git?

How to reuse common layouts in Angular using Router

Source: https://blog.angularindepth.com/angular-routing-reusing-common-layout-for-pages-from-different-modules-440a23f86b57 Most of the web apps I worked on so far, had a design where different pages are using common layout. For example layout which consists of header, footer and sidebar, which are fixed for each page, and the content which varies by the page. Logical idea is to try to extract and reuse … Read moreHow to reuse common layouts in Angular using Router

Angular component constructor

Source: https://blog.angularindepth.com/the-essential-difference-between-constructor-and-ngoninit-in-angular-c9930c209a42 Difference related to the usage And now let’s see the difference from the usage perspective. Constructor A class constructor in Angular is mostly used to inject dependencies. Angular calls this constructor injection pattern which is explained in details here. For a more in-depth architectural insights you can read Constructor Injection vs. Setter Injection by Miško Hevery. However, the … Read moreAngular component constructor