Technouz

In the early stages… optimise your product backlog for learning

Zahid Mahmood — Thu, 03 Feb 2022 13:25:13 +0000

Most people prioritise by creating a product backlog sorted by cost x benefit. Instead, I believe you should ask yourself "What is the biggest unknown that would rewrite my priority list?" When working on my own projects this has always been the approach I take. However, it wasn't until I watched this YC video from...

The post In the early stages… optimise your product backlog for learning appeared first on Technouz.

Using React Context to avoid prop drilling on a Next.js generated page

Zahid Mahmood — Fri, 27 Aug 2021 11:48:30 +0000

Many developers use React Context for state management in React and Next.js application. Whilst there is nothing wrong with this, the React Context API is far more powerful and has a lot more to offer than just state management. The React Context API can make Next.js code easier to read and maintain by evading the...

The post Using React Context to avoid prop drilling on a Next.js generated page appeared first on Technouz.

Functional component with google-maps-react

Zahid Mahmood — Sun, 22 Aug 2021 21:18:29 +0000

This post will walk you through creating a React functional component using google-maps-react. Step 1: Install the google-maps-react package from NPM using the command: npm install google-maps-react --save Step 2: Create a new file for your component. For this tutorial, the file will be named custom-map.js and the name of the component will be CustomMap....

The post Functional component with google-maps-react appeared first on Technouz.

Changing Angular environment variables at runtime

Zahid Mahmood — Sun, 22 Aug 2021 20:59:24 +0000

One of my biggest frustrations with using Angular in a continuous-integration/continuous-deployment (CI/CD) pipeline is the lack of flexibility when dealing with environments outside of the Angular CLI. Out of the box, the Angular framework does come with environment support. For example, you'll find the environment.ts file useful when working against development and building for production....

The post Changing Angular environment variables at runtime appeared first on Technouz.

How to use React Context for state management in Next.js

Zahid Mahmood — Wed, 18 Aug 2021 22:48:03 +0000

Despite what your favourite developer on Twitter says, you don't always need redux for managing state in your React app. You already knew that and that's why you're here. In this blogpost, I'll show you how to use React Context for state management in a Next.js application. Why should I used React Context with Next.js?...

The post How to use React Context for state management in Next.js appeared first on Technouz.

How to use environment variables (.env) with Next.js

Zahid Mahmood — Thu, 12 Aug 2021 09:40:45 +0000

Next.js supports environment variables out of the box and thankfully they’re very easy to use. Why do I need environment variables If you’re unfamiliar with environment variables it’s likely you haven’t built applications that are run in multiple environments. In the most simplest example, two environments your application will run in is development (when you’re...

The post How to use environment variables (.env) with Next.js appeared first on Technouz.

How a 7 year old can get rich… slowly

Zahid Mahmood — Mon, 09 Aug 2021 16:31:30 +0000

I started on my own personal finance journey around February 2020. I always wondered if I’d ever get round to blogging about it. My technology content has helped millions over the years – but personal finance is something very close to my heart. Not too long after I read my first few “things” (I can’t...

The post How a 7 year old can get rich… slowly appeared first on Technouz.

How to create a sitemap.xml file for Next.js

Zahid Mahmood — Mon, 09 Aug 2021 15:15:49 +0000

I have found Next.js to be an incredibly productive development tool when building content-rich websites that need a focus on Search Engine Optimisation (SEO). There is, however, one area that Next.js doesn't perform so well in – and that's automatically generating a sitemap for Statically Generated (SG) pages. As a result, I am sharing a...

The post How to create a sitemap.xml file for Next.js appeared first on Technouz.

Using @ViewChild in Angular

Zahid Mahmood — Wed, 23 Jun 2021 10:39:14 +0000

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...

The post Using @ViewChild in Angular appeared first on Technouz.

The benefit of VPN for iPhones

Sam Fitzapatrick — Thu, 17 Jun 2021 20:09:09 +0000

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...

The post The benefit of VPN for iPhones appeared first on Technouz.