How to Create Smooth and Stunning Layouts with Angular and Bootstrap 4?

Creating smooth and stunning web apps is extremely important in 2019. In one study, researchers found that over 50% of users ignore the website due to the lousy user experience. Another study found that responsive design can increase the conversion rate ... more

React – useRef Hook

If you already read my previous post we talk about how to create a simple todo with useState and useReducer . Today we’ll see how we can use useRef to refer to our element. UseRef returns a mutable ref object whose .current property is initialised to ... more

React – Compound components with useContext Hook

If you are a React expert I’m pretty sure that you already heard about Compound components. If you never heard about it, the best description has been given by Kent C. Odds . He describes them as: “Think of compound components like the select and option ... more

React – useReducer the new amazing Hook Redux style

Is almost 1 month that I’m using hooks and I can say that they’re really cool and they reduce the amount of code without loosing any functionality. My code now is only based on functional component and no class (at the moment) are required. There is ... more

React – create reusable composable components

One of the biggest challenge for each developer is to create reusable components trying to hide the complexity for who will use it. Today I’ll try to explain how to create an expansion panel: I know, it’s not good looking but I didn’t want to add classes ... more

Angular – ngFor iterate object or Maps

Sometimes you got an object or a maps and you want to iterate it with an ngFor but until today it was impossible to do without implementing your custom pipe or use some nice library. Today angular release a new version 6.1 and looking on the release ... more

React native and flow

One of the things that always fascinating me but I never had the chance to try out is React Native . Right now I think is one of the best solution if you want to write a mobile app that works for android and apple without worries to learn swift or objective-c. ... more

ngrx from 0 to expert with the official doc

When I start to learn something new I use to read the blog from the community and related video from the conferences but I’m always wondering if I’m doing correctly and if I’m following the best practice so this time I decided to follow a different approach ... more

Angular ngrx with schematics

I found ngrx one of the really cool things that has been added in the Angular universe and I tried to use it as much as I can from the really beginning. The biggest problem I had all the time I started a new project was to set up the envirornment and ... more

Apollo server 2.0 – real time data with subscriptions

In the previous post we set up our server using google-sign-in as identity server and we restricted access to the authenticated users. Today we’ll add real-time update thanks to GraphQL subscriptions . The scenario we’ll implement is quite easy: we want ... more

Angular custom elements with Cli

Few posts ago I described how to create an angular material data table and how to publish it as a library. As we’re really proud about that, and also a bit lazy, I was wondering if it’s possible to be used with other frameworks like react, vue.js and ... more

Apollo server 2.0 – auth with Google signIn

In the first post we set up an apollo server but we didn’t talk about authentication and authorisation so today let’s step further using google-sign-in as identity server. What we want to achieve is something like that: The client will login with google, ... more

ApolloServer 2.0 – how to create a graphQL server

It’s almost 2 months that I’m working with GraphQL and after a bit of struggling I fallen in love. If you never heard about GraphQL I can tell you that it’s strongly used by Facebook and, after beeing open-sourced, it has been adopted by other companies ... more

Angular Master detail table

In the previous post we built a material data table, we have packaged as a library and we have learnt how to publish on npm. Today we want to improve it by adding the two functionalities displayed in the featured image above. To make it so, we need to ... more

Generate a data table library with angular 6+

One of my first post was about creating a library for angular (note the feature image that shows a most recent library ) . It was quite tricky as you had to create a couple of script to make everything working correctly. With the new @angular/cli this ... more

Angular – Lazy load modules with cli

In my previous company we created a project that was built with widgets. A page was just a container with placeholder and in each placeholder there was a configurable widget that could be added or removed based on a json config file. The main challenge ... more

i18n with Angular 6+

I always worked with ngx-translate a fantastic library that help you a lot to translate your angular application. However today after Angular 6 and the new cli has been released I decided to give a try to i18n. At the beginning I struggle a bit to make ... more

Angular and Horizon for realtime application

I’ve always been fascinated by realtime data but at the same time scared about the quantity of code that you need to write to achieve that result: Front-end Back-end Socket Database One of the best solutions to have realtime applications is Firebase, ... more

Angular-cli with the super powers

Angular-cli has simplified the life of a lot of developers reducing the startup time of a project and giving the ability to focus only on the code without wasting time in configurations. However, a lot of angular developers (me included) were not able ... more

Dockerize your Angular application

Docker is a platform for developing, shipping and running applications using container virtualization technology. In the past to deploy your application you needed to buy a physical server and that one has a lot of problems: huge costs waste resources ... more

Angular or React – try both it’s worth it

I used angular from almost 5 years (1.x and 2.x) but I never tried React and I want to see how it works and I want to have my own idea on which one is better or maybe when I should use one of them. Most of the things that I’m going to describe in this ... more

Angular animations

Well-designed animations can make a UI not only more fun but also easier to use. Angular’s animation system lets you build animations that run with the same kind of native performance found in pure CSS animations. You can also tightly integrate your ... more

Angular Flex Layout

I’m a big fan of Angular Material2 and I used it from the alpha version. Unfortunately Material2 didn’t have any flex layout system so you needed to find and use the best one that fit your requirement. When Material2 beta1 has been released they updated ... more

NgRx Store – Redux in AngularJs with super powers

I’ve heard people talk about ngrx/store and Redux for the past 2 months but honestly I was always busy and I didn’t have time to experiment it. Finally yesterday I decided to take a look at it and well… I can say that I’m really impressed and I don’t ... more

How to create an Angular library

In the first post we built our application in AOT mode, now it’s time to create a library that is AOT compliant. Most of you are thinking …”wait, is it not the same????” No it’s not, unfortunately it is not an easy job to find good resources and angular.io ... more

Angular2 AOT with Webpack and Lazy Loading

Most of you have already heard about ‘AOT and lazy loading’ and you’re struggling, without success, to setup it. I’ll show you how to configure it and, if you’re really curious or you’re learning angular2, some technical details about AOT (at least you ... more