Feral Cat - Software Development
Building, just because…
So, you’ve been building React apps, and things are fine—until they’re not. Maybe your SEO is struggling, your page loads are sluggish, or managing routing is becoming a headache. Enter Next.js, React’s smarter, more performance-driven sibling. If you’re on the fence about switching, let’s break Next.js vs React down a bit. 1. Server-Side Rendering (SSR) … Read more
Alright, so you’re building a React app, and now you need to style it. Easy, right? Well, sort of. With so many ways to handle CSS in React, it can feel like wandering into a buffet with too many options—overwhelming but exciting. Let’s break it down so you can pick the best approach without losing … Read more
Why You Need a Persistent Bottom Button Ever get annoyed when a crucial button scrolls away just when you need it? Same. Let’s learn how to lock your button in place. Whether it’s a “Next,” “Submit,” or “Continue” button, keeping it locked at the bottom makes for a way smoother user experience. This guide will … Read more
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
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
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
One of the first things we do when starting off a new application is get our background squared away. This article will cover how to add a background image to a NextJS app. My Setup Setting Up Our Basic NextJS App Webstorm Sooo, I use Webstorm. So rather than going the CLI route, I tend … Read more
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 on spinning up touchable components. My Setup Starting a New React Native Project Click React Native under new project in Webstorm. This … Read more
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
Learn how to vertically and horizontally center text in React Native using justifyContent and textAlign. Includes code examples and screenshots showing the before and after.
