logo_dark

Hi, my name is Joao Garin. I love travelling, programming and sports. I also enjoy coffee very much. Thank you for visiting my blog.

Post on : Fri, 10/28/2016 - 16:43 by Joao Garin

Lazy loading with Angular2 and Webpack

Right before the final release of Angular 2, NgModule() was introduced. This was kind of a surprise for some people (myself included) but there was a higher purpose to the inclusion of such a concept, and that was to enable easy lazy loading of these modules.

Let’s analyze how NgModule() works, what it is and how it can help to enable lazy loading in Angular 2 applications today. In this case we will be using Webpack.

Read full post

Post on : Mon, 10/03/2016 - 15:17 by Joao Garin

Create components at runtime with Angular

The last couple of months I have been on and off trying to get carte blanche working with Angular 2 by making a Carte-blanche-angular2 plugin. This has provided some interesting challenges especially on how to render dynamically components at runtime using the Angular runtime compiler. The approach I took went through several changes during RC periods but I will focus on the last one which is the one compatible with the final release of Angular2 using NgModules.

Read full post

Post on : Sat, 07/09/2016 - 09:10 by Joao Garin

Angularjs styleguide from Todd Motto

Angular 1 is not dead!

As Angular 2 get’s a lot of momentum, Angular 1 seems to be a little off in the choices of developers for building new apps, but a big amount of apps are still being run in Angular 1. And fortunately the Angular team has made a big effort in getting Angular 1 up to speed with the latest of the web, as component architecture approach and one way direction data flow.

Read full post

Post on : Sun, 06/26/2016 - 15:38 by Joao Garin

Angular2 with Firebase

If you have been developing with Angular for some time, you probably have used or have heard about Firebase.

Firebase lets you build real-time applications with very little effort, providing you with a backend technology out of the box that automatically synchronizes every connected device, providing authentication and some other nice services on top of that. It was also recently updated with a full set of new services on top of the real-time database, so right now Firebase consists more or less of :

Read full post

Post on : Sun, 06/12/2016 - 07:25 by Joao Garin

Redux in angular with ngrx

Redux, Mobx, RxJs, ngRx. These are some of the most common ways to handle state management in today’s Javascript modern applications.

These are some great tools that solve a common problem on how you handle different parts of your application that “care” about some part of the application state. That can be a header component that is showing a value of a total of sales that gets calculated somewhere else in the app or a user picture that gets changed and needs to be updated in the sidebar component.

Read full post

Post on : Sat, 05/21/2016 - 08:01 by Joao Garin

NgConf 2016 presents unlikely friends Drupal and angular2

Most of the people watching ngConf 2016 a couple of weeks ago would not expect to see a PHP CMS logo along side with Angular’s logo in the slides of a Keynote at the conference. But that was exactly what happened, when the weather.com channel people went on stage to talk about how they have been using Angular1 for a long time on the most traffic heavy Drupal site on the world, and how they recently adopted Angular2 as well.

Read full post

Post on : Fri, 05/06/2016 - 11:37 by Joao Garin

Building Desktop apps with Angular2 and Electron

Electron is a great open source tool from Github that allows you to leverage your Javascript skills to build Desktop apps for MacOS, Windows and Linux systems. If you are using something like Slack, VisualStudio code or Atom you are already using Electron in your environment. Chances are you are running one or two of these apps but they are so smooth you can’t really tell any difference from a pure native desktop app.

Read full post

Post on : Fri, 04/29/2016 - 07:15 by Joao Garin

Angular 1 component method

If you are anything like me, you love markup and HTML. It was one of the first things that got me into web development in the first place, the idea that with some of this syntax I could bring ideas to life in the browser and put it together with CSS and Javascript and create real experiences for users in apps or websites.

Read full post

Post on : Sat, 04/23/2016 - 07:32 by Joao Garin

Server side rendering in Angular2 with Angular Universal

Angular 2 comes with a lot of new and awesome things. One of which is the separation between the application layer and the render layer. This leads to the possibility to do a lot of great things, one of which is Server Side Rendering.

Read full post

Post on : Sat, 04/16/2016 - 07:19 by Joao Garin

Using loadCSS to remove render blocking CSS

When doing frontend performance optimizations for your website or app one of the important things to consider is when are visitors actually getting content delivered to them, to be able to interact and see when they visit your site for the first time.

This is especially important for typical seo dependant sites where a lot of the visitors are first time visitors that don’t have your CSS / Fonts or Javascript cached in the browser. Be it online shops, job portals or simple sites this is an extremely relevant topic and not so easy to get around with.

Read full post