I recently started to convert my React JS project to TypeScript. I wanted to share my journey in converting my project and the steps I took to get started. Here I cover a few key concepts when you convert a React JS project to TypeScript.

Converting to TypeScript from React JS

Redux Toolkit is a library that helps you write Redux logic more easily. It requires much less boilerplate code than the classic Redux library. In this post, I will show you how to use Redux Toolkit to write Redux logic.

Redux Toolkit

Cover the basics required to setup Redux in a React application. Covers reducers, actions, action types, and the store.

Classic Redux Setup

I recently started a new project and wanted to share how I set up my routes. I used React Router DOM to nest my routes and create a dynamic navigation bar. This post is about my journey in setting up my routes and the steps I took to get started.

Nest Routes with React Router DOM

Basics of using Firebase for authentication and database storage. Covers how to set up a project, create a database, and authenticate users in a React app.

Firebase - Authentication and Database

Little guide to getting your Mac terminal set up for web development - recommended plugins, themes, fonts, etc.

Customizing Your Terminal Experience

Intro to TypeScript

Web sockets are a way to communicate between a client and a server. They are used in real-time applications like chat apps, multiplayer games, and more.

Web Sockets

Dive into the data structure that is the Linked List using JavaScript.

What's the Deal with Linked Lists?

Some handy tips and tricks for getting started with RSpec and testing in Ruby.

Introduction to RSpec and Testing in Ruby

Recently, I encountered a challenging issue with Stripe where card testing by bots caused disputes. This post details how I tackled the problem, implemented additional security measures, and resolved the issue.

Resolving Stripe Card Testing Issues

After seven years at Apple, where I progressed from a part-time sales person to an associate manager, I transitioned to a remote web developer role at 14 Oranges. My journey began with self-taught web development and a bootcamp at Lighthouse Labs. While I initially missed the daily interactions of retail, I now thrive on managing large projects and solving complex problems in a remote setting. My background in Kinesiology fuels my passion for creating impactful digital health solutions. This career change has been challenging yet rewarding, and I’m excited about the future of digital health and continuous learning in web development.

From Apple Retail to Remote Web Development: My Journey

This article covers the key points of setting up Python using Homebrew, creating virtual environments, and managing packages. It's straightforward and easy to follow, making it a great reference for future use. Feel free to modify or expand on any sections to better fit your personal style or to include any additional insights you found particularly useful during the process.

Setting Up Python on macOS: A Clean and Simple Approach

Transitioning from a bustling retail environment at Apple to remote web development at 14 Oranges, I've learned the importance of building strong client relationships virtually. In this post, I share my experiences and strategies for fostering effective communication, trust, and collaboration with clients while working remotely.

Building Client Relationships in a Remote World

My journey from Apple retail to web development has taught me invaluable lessons about navigating ambiguity. In this post, I share how handling uncertainty in a fast-paced retail environment has shaped my approach to problem-solving and project management in web development.

Navigating Ambiguity: Lessons from Apple to Web Development

JavaScript is weird, but TypeScript can help you avoid some of its quirks. In this post, we'll take a look at some of the weird things that can happen in JavaScript, and how TypeScript can help you avoid them.

JavaScript is weird, but TypeScript can help

I never truly understood when I should use Reacts useRef hook. It felt similar to useState, but I never really understood the difference. I also never understood when I should use forwardRef. I will explain both of these hooks and when you should use them.

React Hooks: useRef & forwardRef

I was reading some code and saw this nullish coalescing operator (??) which I had never seen these before, so I decided to look them up and write a blog post about them. I have always used the logical OR (||) operator to check for null or undefined values, but I learned that there is a better way to do it.

Nullish Coalescing Operator in JavaScript

This article will help you get started making GraphQL queries and mutations. It covers the basics of creating a schema, queries, and mutations.

GraphQL Basics

Go is a programming language that is gaining popularity. It is a statically typed language that is compiled and has a garbage collector. It is a language that is easy to learn and has a lot of resources available for learning. In this article, we will learn the basics of Go.

Basics of Go

Implementing new features with Rails with error-driven development.

Implementing new features with Rails with EDD

Understanding database migrations in a Rails application.

Database Migrations

Palindromes are words that are the same backwards and forwards. Here are a few examples that determine if a given string is a palindrome.

Palindromes - JavaScript Algorithms

Creating a Queue from a Stack

Binary Heaps & Priority Queues in JavaScript

Heaps and Priority Queues

Returning a chunk of data with a given size

Chunked Arrays - JavaScript Algorithms

In a circular or linked list which loops, we do not have a tail. The 'last' node in the list will point to a node in the list. This algorithm will detect if this has occurred.

Detecting Linked List Loops

Console log a step shape with N levels using the "#" character.

Printing Steps - JavaScript Algorithms

FizzBuzz is a classic programming problem. The goal is to print the numbers from 1 to n. For multiples of three print "Fizz" instead of the number and for the multiples of five print "Buzz". For numbers which are multiples of both three and five print "FizzBuzz".

FizzBuzz - JavaScript Algorithms

Anagrams are words that contain the same letters, but in a different order.

Anagrams - JavaScript Algorithms

Capitalize First Letter - JavaScript Algorithms

Printing a series of "#" characters in the shape of a pyramid.

Printing a Pyramid Pattern - JavaScript Algorithms

Singly Linked List is a popular interview topic. This is a simple implementation of a singly linked list will show you the ropes of how to implement a singly linked list.

Singly Linked List

All about stacks and queues. Covers uses, methods and implementations.

Stacks and Queues

How can we visit every node one time? There are many ways to print out the nodes of a tree.

Traversing Binary Search Trees

Terminology, implementation and common methods of trees and binary search trees.

Trees and Binary Search Trees

Guide on flashing QMK keyboards. This is a guide for macOS users.

QMK and VIA RGB Guide macOS

Overview of a stack, including creating, pushing, popping, and peeking.

Stacks - JavaScript Data Structures

Weave receives two queues as arguments and combines the contents of each into new, third queue.

All Posts