Posts From Category: Blog

Introduction

Since I started blogging, I have been using S3 to store images for my blog. I just used the publicly accessible S3 Link. Easy, simple, no problem.

Read More

Introduction

JavaScript, like every language, is weird in it’s own ways. As I continue diving in, I am starting to realize the depths of the silliness.

Read More

Introduction

Last week I wrote about using Cypress to test browser applications. I found a fun little hiccup with links that open new windows or tabs that needed some research and experimenting to get over. I hope my solution helps someone who might come across this in the future.

Read More

Introduction

When I write code, I try to remember that everything is broken until proven otherwise. I’ve been shifting my learning to browser-based platforms that I am working on and with that shift, browser tests have started to be folded into that mindset.

Read More

Table Of Contents

• Introduction
• The Problem
• Rendering A Link
• Objects And Typing Issues
• Cheating
• Another Solution
• The Better Solution

Introduction

I’ve been taking more and more tickets with the new gig. This week I was tracking down some text to make some updates, and this was not as simple as I thought it might be, so I decided to take some notes and reflect on some stuff I learned.

Read More

Table Of Contents

• Introduction
• Destructuring
• Destructuring Imports
• A Cleaner Way To Destructure Imports
• My Conclusions

Introduction

I’ve been diving deep into the JavaScript ecosystem via TypeScript. One thing I’m observing in the more established engineering culture I’m part of now is the idea of cleaner code using things like destructuring. I am still new to this type of stack, so I wanted to talk about it and understand how we can better organize code.

Read More

Table Of Contents

• Introduction
• TypeScript So Far
• Type Definitions In Functions
• Generics
• Union Types
• Conclusion

Introduction

I started a new job, and the stack is entirely different from what I know. Allow me a moment to break it down.

Read More

Table Of Contents

• Introduction
• Data In React
• Context In React
• Context In Use
• Conclusion

Introduction

React offers the ability to build out web applications quickly. One of the details of this strategy includes passing data to different components in the DOM. This can consist of needed data to build features, states of a component, and anything you can think of.

Read More

Table Of Contents

• Introduction
• Tailwind
• Setup
• Using Tailwind in React
• Something a Little More

Introduction

It’s been some time since I did any frontend development, and I don’t miss it. After a couple of years of learning the fundamentals, I would have loved to have some alternatives to manually writing CSS.

Now that I am diving back into it, I am happy there are tools not to replace but improve the CSS experience. In that spirit, I want to look at Tailwind CSS.

Read More

Table Of Contents

• Introduction
• SWR
• Conclusion

Introduction

React gives us the ability to create powerful and scalable apps. We need to quickly implement API calls to get our data displayed in our App for them to run. That’s where SWR comes in handy.

Read More

Table Of Contents

• Introduction
• The Problem
• The Answer
• The Answer

Introduction

DynamoDB provides an excellent way to store data in a flexible and scalable way. Add it to Lambda and API Gateway, and you have a powerful group of tools, which I have written about. It was for these reasons that I chose to use it for a side project I am building to familiarize myself with React. It was in these features that I struggled with an issue in how boto3, the SDK for talking with AWS in Python, implements their libraries.

Read More

Table Of Contents

• Introduction
• React Modules
• In-App Example
• Named Imports vs. Default Imports
• Conclusion

Introduction

The organization of your apps is one of the most effortless quality of life improvements you can make. Recently I’ve been deep-diving into React for a work project, and I was able to get a crash course in how you organize one such app. Including how React treats its files and how we’re importing them. So today, I’d like to get into how React handles modules and how importing is done.

Read More

Table Of Contents

• Introduction
• React Router Dom
• Setup
• Explainer
• Conclusion

Introduction

Implementing routing in React applications can be one of the first tasks you undertake in the coding part of the development lifecycle. This was true for my team when we sat down to a mob programming session to go through a couple of our stories for a project. We brought in some help from people who know React to help us get started. I am not a React developer, so this is the first time I had actual exposure to people with expertise, so I am grateful it was a group programming session. I don’t know what I was doing when the rest of the world learned React, but I can only guess it had something to do with playing the Sims. Regardless I use the right tool for the job, and I need to learn it now. The first thing we did was implement some routing, and I will implement a much more simplified version of what we did below to show what I learned.

Read More

Table Of Contents

• Introduction
• Selenium WebDriver
• Setup
• Running Tests
• Notes
• Conclusion

Introduction

We are spinning up a new application for some end users to enter data, so we need to build a robust testing system. Unit tests are a must, but those only test to ensure that all the classes, methods, and functions do what we expect. On top of that, we also need to verify that the web app as a whole looks and behaves how we hope it does to have a complete end-to-end testing apparatus. My goal for these first few spikes in the project was to find a tool for system testing and see if we could make it modular and easily automate it to not interfere with our workflow. I believe I found the solution. Selenium is a suite of tools for creating and automating browser tests, and I think it is what I was looking for. Let’s dive in.

Read More

Table Of Contents

• Introduction
• Shared Memory Device
• Use in Docker
• Conclusion

Introduction

Recently, I was experimenting with system testing on a new stack. While working with Selenium Remote Driver to create headless web browsers (more on that later) to run against my app, I came across a Docker option I had not known. This Docker feature allowed for easily accessible and fast file reading and writing between the host and the container. It was being used as a volume, but I learned it was much more. When I looked it up, it was referred to as a Shared Memory Device.

Read More

Table Of Contents

• Introduction
• Amazon API Gateway
• Setting up an API
• Adding the Trigger
• Setting the Methods
• Conclusion

Introductions

I follow this movie podcast where they review and talk about well movies. It’s a fantastic podcast with a diverse set of people who’ve worked in the industry a long time, and I enjoy their opinions. At the end of each episode, they do a “Staff Pick” where they pick out a movie that shares themes with the movie they just reviewed or movies they think people should see. As I don’t have time to watch all the movies they suggest every week, I need to keep a running list of these films. They offer some good stuff.

Read More

Table Of Contents

• Introduction
• AMQP
• AMQP and Amazon MQ
• Serialization
• Conclusion

Introduction

How do software systems talk to each other? Back-end systems can scale into giant melted together Cronenberg monsters, often making up different tools and languages. So, communicating between these services can become an untenable challenge without some shared vocabulary. We can communicate in many ways, but today I wanted to talk about asynchronous messaging protocols and figure out how AWS can help.

Read More

Table Of Contents

• Introduction
• Problem
• S3 Solution
• DynamoDB Solution
• Conclusion

Introduction

A hybrid infrastructure has tons of exciting challenges. Although we host a great deal of our software in AWS at my company, we cannot do everything in the cloud. As such, we have tons of physical infrastructure as well. This hybrid infrastructure presents many challenges that we strive to overcome on the software team. One of the challenges we are working towards is imaging and utilizing software to detect our yields. This piece of that puzzle will focus on storage for our images.

Read More

Table Of Contents

• Introduction
• Key Management System in AWS
• Customer Master Keys
• KMS and Lambda
• Conclusion
• Additional Notes

Introduction

Do you hate when gnomes steal your underpants for profit? I know I hate when those guys come out to steal my stuff. Unfortunately, I cannot help you prevent the theft of your undergarments, but I can help you protect some assets in AWS. Specifically, we are going to talk about encrypting environment variables in Lambda.

Read More

Table Of Contents

• Introduction
• Context Interface
• Context in context
• Context.Background
• Context.TODO
• Context.WithCancel
• Context.WithDeadline
• Context.WithTimeout
• Context.WithValue
• Conclusion

Introduction

When you’re having a breakdown caused by the combination of burnout and existential pain, do you get annoyed that your harried cries into the void go unanswered? Well, I can’t help with that, but I can suggest some methods for timing out calls to external or internal services. I’ve been doing research and playing with some of the standard libraries in Go and one of them I find most useful is the context library. Used to get some control over a system that might be running slowly for whatever reason or to enforce a certain level of quality for service calls this small library is a standard for a reason. For any production level systems to keep good flow control the context library is going to be necessary.

Read More

Table Of Contents

• Introduction
• Twitter App Set-Up
• Twitter Bot Code
• Setting up a Lambda Function
• Conclusion

Introduction

Most people have heard of AWS and developers have started learning how they can use it to further augment the quality of their projects. Recently I have begun the process of becoming one of those people. So far it has been an enlightening deep dive into the different services they offer. It’s hard to get your bearings with something as huge as AWS so for my learning journey I decided to focus on projects I thought would be cool and see how AWS might help facilitate what I build.

Read More