A ViewChild is a reference to a component, directive or element within the template of the current component. We can use the @ViewChild() decorator to access the child component from the parent component. When to use the @ViewChild decorator? Often you might see template references being used to access elements directly. For example, the #name…

VPNs have long been heralded as a tool to keep your internet activity safe from snoopers and hackers, but as internet activity takes a monumental shift towards mobile – do you need to consider a VPN for your iPhone? Whenever you pick up your iPhone to search the web, scroll on Instagram or access your…

MacBooks are relatively expensive, and if you want to get one for yourself, you may need to go with a second-hand option. Overall, Macs are quite reliable and durable, so getting a used computer is not necessarily a bad option. Nevertheless, you still need to check certain things so that your money does not go…

Macbook speed depends on multiple factors. As a rule of thumb, you should not have problems with it after purchasing a new computer. However, as more time passes, you may notice that it takes longer for the Macbook to load after each restart. Or maybe you start to experience stuttering and FPS drops while playing…

With the epic release of Tailwind CSS v2.0, here’s a guide on how you can add it to a new or existing Next.js project. For the purpose of simplicity and keeping this guide as short as possible, I will outline the steps of adding Tailwind to Next.js. 1. Create a new Next.js project Run the…

I wanted to build a really straight-forward website using technologies I already knew to deliver a responsive experience to users, but also a laser-focus on SEO. After considering Nuxt.js, Gatsby.js and Jekyll; I settled on Next.js by Vercel because of it’s support for SSR (server-side rendering) and SG (static generation) through a very pleasant developer…

Chances are that your single-page application built with Angular retrieves data from an API endpoint, and the endpoint is protected. One of the easiest and most simplest forms of protection may be an Api-Key which needs to be added to the header of every request to this endpoint. Without delving deeper in to the pros…

When you first run the command ionic start myApp sidemenu, the default sidemenu is lackluster. In an age where mobile apps all have sidemenus, it might be important to you that your app can keep up. In this post we will look at creating a custom Sidemenu component to abstract the sidemenu code in an…

There are plenty of tutorials out there which outline how to use Google Maps with React. However, they all use custom libraries. Well-chosen libraries are not an issue, they are the bedrock what makes the open-source JavaScript community so great – but there are several reasons you may decide you do not want to use…

Since Ionic v1 was released several years ago, I have been massively impressed by the framework’s goal to build native-like applications using pure web technologies. Throughout v1, v2 and v3, Ionic was tightly coupled with AngularJS/Angular. It very quickly became the framework to build mobile apps using Angular. For version 4, however, the Ionic team…

Web applications were initially developed on the model that a client is always the initiator of transactions. That means that a client would always make a request to the server to retrieve some data, and only then would the server respond with the requested information. As a result, the traditional model does not have a…