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…

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

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

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?…

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…

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…

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…

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…