Create a Polymorphic Component with Typescript and React

A polymorphic component can change into any element based on how you use it. For example, you can create a Box component that will render a div, label, input, button, or any HTML element. This is typically done with an “as” or “is” prop: Why would you want to do this? If you are creating

2022 Mobile Statistics

Everyone knows mobile is important, and statistics get thrown around all the time. Many of them are outdated, or not that relevant, so here are a few that are recent and interesting. Stats are taken from statista.com, shopify.com and insiderintelligence.com. According to Baymard, mobile UX is getting better but still not very good.

Joining GoDaddy

In 2013 I had an idea about creating mobile apps for WordPress websites. I approached some partners and we launched AppPresser in early 2014. I have had an incredible time learning and growing as an entrepreneur and developer. 8 years later I am starting a new adventure. I am very excited to announce I have

My First Decentralized App with Ethereum

I recently went through the Buildspace course tutorial to build a web3 dapp using Ethereum, and it was super fun. I built a smart contract using Solidity and Hardhat, and deployed it to the Rinkeby test network. The project was to “wave” to someone by posting a comment that gets published to the blockchain with

React Native Video Recording, Saving, and Playback

I’m working on a video app for React Native that records video, saves it, and plays it back. This post is to explain how I did it. Choosing a Video Recording Module I tried a few different options before I settled on one that worked for me. I tried react-native-camera, react-native-camera-kit, and react-native-beautiful-video-recorder. I ended

Don’t Use a For Loop, Use These Instead

The for loop is something you’ll use all the time to iterate over an array. It works, but there are better Javascript methods you can use to make your code more concise. Disadvantages of a normal for loop: It encourages mutating the existing array You have to create a new variable (i) It’s ugly and

How to Make a WooCommerce App with React and WPGraphQL

I recently made a simple eCommerce app using React, WPGraphQL, WooGraphQL, and the Ionic Framework. It was a fun learning experience, this is a nice stack to work with. I have worked with WPGraphQL before, but I still have a lot to learn, so in this post I will share what I learned in case

Typescript Basics for Javascript Developers

“The main benefit of TypeScript is that it can highlight unexpected behavior in your code, lowering the chance of bugs.” – Typescript Documentation Typescript tells your code editor what your code is supposed to look like so that it can warn you of errors as you type. The benefit of this is mostly code hinting

5 Critical Javascript Methods You Need To Know For React

While working with React, Vue, Angular, and other frameworks, I find myself writing lots of normal Javascript while working with arrays. Methods like slice(), shift(), find(), filter(), and map() are all over my React app code, but I’ve never prioritized digging into them. I went way too long copy/pasting someone else’s code from StackOverflow, and

One Liners to Edit Object Arrays in JavaScript

If you have an array of objects, for example Posts from the WordPress REST API (or WP-API), how do you manipulate them? Let’s say we make a GET request to an API endpoint, such as https://apppresser.com/wp-json/wp/v2/posts. We get back an object array, we can oversimplify it like this: If we want to find a certain