Run a Function On Enter in NextJS

Users have expectations when they’re using your tools. Maybe you have a message app? Your enter button should probably send your message. Tab might make you switch windows or menus. We’ll cover how to run a function when your user hits the enter button in a NextJS application. This will also work for any generic …

Read more

Set Default Inputs on a NextJS Typescript Function

Let’s quickly go over how to set default inputs on a NextJS Typescript function. This will be short and to the point. No need to waste your time. The Why I Need to Set a Default So, I wanted to dynamically set the autofocus of a custom input in my tool. But when I added …

Read more

Create A Custom Button In Next.js

We’re going to walk you through how to create a custom button in Next.js. This article will help you abstract the button so that you’re not copy pasting the core code everywhere throughout your application. This helps with application organization which might not be a huge problem when your application is tiny. But it’ll be …

Read more

Make an Image Clickable in React Native

Trying to make an image clickable in React Native? It was one of the harder things for me to do when I started off so I thought I’d do a quick write up. My Setup MacOS Big Sur Webstorm 2020.2.3 Starting a New React Native Project Click React Native under new project in Webstorm. This …

Read more

“RNGADBannerView” was not found in the UIManager.

Happen to be getting the Invariant Violation: requireNativeComponent: “RNGADBannerView” was not found in the UIManager error? Did you use the really useful react-native-admob lib at some point, remove it, but are still getting this weird error? Maybe you’re using another lib, removed it, and are getting a similar error? I spent nearly three full days …

Read more

Vertically and Horizontally Center Text in React Native

I recently spent quite some time trying to vertically and horizontally center text in React Native. I tried all sorts of combinations of align, alignContent, alignSelf, etc but couldn’t get my text horizontally and vertically centered. I mean this is probably because I’m React Native newb but stilllll. I’m actually quite surprised how bare the …

Read more

Moomosa

Hey everybody! I thought I’d do a quick intro on an app I started working on. Drum roll please… Moomosa! It’s a React-Native application that uses Firebase as a database at the moment (more on this later). That database is managed with a React application I developed to add, delete, and approve new content. I …

Read more

Javascript’s Filter on an Array of Objects

Are you trying to use Javascript’s filter on an array of objects that contain arrays? Are you having trouble getting it to return elements to conditionally rebuild that array? I had the same issue and blamed the filter method for a quick sec. Buuuut lo and behold it was me as always. Still new to …

Read more

Javascript’s Splice

I recently spent a few hours trying to understand why my array was changing when using the splice method. I thought I’d save you some time and outline what I learned. Still new to JS and struggling with the fundamentals? Check out Javascript: The Defenitive Guide (paid link) to brush up. For Those of You …

Read more

Calculate A Random Integer from 0 to n in Javascript

The solution for those of you who want me to cut the crap and need to calculate a random integer from 0 to n in Javascript. My Setup macOS Node v12.10.0 The Problem I was writing a React-Native game where I had multiple cards that would be presented to the player. To spice up the …

Read more