Developer Advocacy, JAMStack, Blogs, Twitch and more w/ Jason Lengstorf

Jason Lengstorf appeared as a guest on a recent episode of my Podcast, Design Doc. I’ve had a request for transcripts, so I tried an AI-powered transcription service and will post the transcript below. Unfortunately, it’s broken up into two separate pieces, but it should be fairly easy to follow. Brad Cypert (00:00): Thanks for tuning in for another episode of the design doc podcast. I’m your host, Brad Cypert. And today I have with me Jason Lengstorf. So Jason is currently a developer advocate at netlify. He’s worked with the Gatsby team. He’s big in the JAMstack community. He’s...

Deploying from Azure DevOps to DigitalOcean

Azure DevOps is one hell of a tool, but is it still an option if you don’t want to deploy code to Azure? Well, yes, although it is a lot easier to deploy to Azure than anything else. This makes sense given how the two integrate and are owned by the same company. However, I’m going to show you how I deploy from Azure DevOps to DigitalOcean. Deploying from Azure DevOps to DigitalOcean isn’t as difficult as it may seem. In fact, with Azure DevOps’ build pipelines and a few modules, you can deploy to most servers with ease. And...

Python Length of a List

When writing Python, it’s fairly common to find yourself working with lists of data. Usually, you’ll also find yourself trying to figure out just how my items are in that list. Thankfully, in Python, finding the length of a list is fairly easy. my_list = [1,2,3,4,5] print("The length of this list is:", len(my_list)) The key takeaway here is the len function that’s built into Python. No external library required! The len function takes in a sequence or a collection and returns the number of items contained within. This means that the length function has an arity of 1 and should...

Testing React Components with React Testing Library

Testing react components with React Testing Library can be tricky, so I decided to try something new and put together a video demonstrating how to test your react components. I’ll work on improving the audio quality going forward, but I’d love to know your thoughts! Wanna see more content like this in the future? Lemme know! Want free React Tips?

Managing Authentication with React’s useContext Hook

Contexts are a commonly used tool when building React libraries, but are often overlooked when building an application in React. I don’t believe that should be the case, as useContext can provide you a powerful alternative (but lightweight) alternative to tools like Redux when managed carefully. The classic example of using a context is to declare an app theme but we can use them for so much more than that. In fact, we’re going to leverage a context today to demonstrate how simple authentication can be handled with React’s useContext hook. If you want to jump straight to the codepen,...

Understanding React Lifecycle Methods

React Lifecycle Methods are one tricky piece of business, especially if you’re coming from a framework that doesn’t have their own. Thankfully, they’re fairly similar to Android’s lifecycle methods and it wasn’t long before I was able to grasp them. React has changed a lot over the past few years and it’s lifecycle methods are no exceptions. In fact, with the release of hooks, the idea of lifecycles were shaken once more! React hooks can often be seen as a way to simplify the lifecycle process. While I prefer functional components and hooks, I also understand the need to be...

How do I use TypeScript with React?

React is allowing developers to iterate faster and build safer, more reliable frontend applications than we were building many years ago. TypeScript, a relatively new addition to the “JavaScript Alternatives” scene, also aims to add a new level of safety in the form of type safety. Naturally, it makes sense for us to want to use TypeScript to write React components. But how do you do that? There are two different ways. Using the –typescript flag with create-react-app If you’re starting a new React project, the easiest way to enable typescript is via a flag to create-react-app when starting your...