When creating reusable React Components, either in a library or for your own use, you need a flexible way to style your components. There are 2 parts to this, what library or style system should you use, and then how do you implement that? Regarding the what style system to use, you have a lot… Continue reading The Best Style API for Reusable React Components
Don’t Make Black Box React Components
When building reusable React components, it’s tempting to make black boxes. That would be something like this: At first glance, this looks fine. You have a specific use-case for this component, you got a design and it is used in a single place, and it works perfectly for that. You built it in a way… Continue reading Don’t Make Black Box React Components
7 Thoughts From 7 Years of Headless WordPress Development
I’ve been working with headless WordPress for about 7 years now, first at AppPresser working on mobile apps, and now at GoDaddy working with Ecommerce. The things I’ve learned can’t be distilled into one blog post, but these are the most important ideas that can trip you up when starting a new project. wtf is… Continue reading 7 Thoughts From 7 Years of Headless WordPress Development
React prop hooks
When creating a component in React, we can use props like this: This works, but there are a couple of downsides. If your component has a lot of props, and a lot of logic, it can make a large file that is hard for other developers to read. You may want to reuse that logic… Continue reading React prop hooks
Why we chose static CSS for our React component library
I’ve been building a headless React component library with my team, and we had to pick a way to style our components. We evaluated several options, including Styled Components, Tailwind, and Vanilla Extract. We ended up going with static CSS, here’s why. CSS-in-JS is slow Our first requirement was that we didn’t want to use… Continue reading Why we chose static CSS for our React component library
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… Continue reading Create a Polymorphic Component with Typescript and React
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… Continue reading Joining GoDaddy
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… Continue reading My First Decentralized App with Ethereum
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… Continue reading React Native Video Recording, Saving, and Playback