Aaron Shivers

Home

React Starter Template - Part 2

Mar 6, 20214 min read

This is part two where we'll be adding testing and linting to our React Starter Template. Here's React Starter Template - Part 1 where we setup React with Parcel. Testing Install Jest yarn add -D jest Install Enzyme yarn add -D enzyme enzyme-adapter...

React Starter Template - Part 1

Feb 28, 20215 min read

Probably the easiest way to get started with React is to use an online editor like codesandbox.io or repl.it. If you'd rather develop locally, Create React App is a great choice. For me, I like to practice with the same tools I use at work, so I need...

Stop Pushing Build Breaking Code

Feb 21, 20214 min read

I'm going to show you an easy way to prevent pushing code that will break your continuous integration pipelines. This can be achieved by simply linting and testing code, before pushing to the repository. The only problem with that is you have to reme...

Combine Arrays of Objects and Replace Duplicates

Feb 14, 20216 min read

I ran into a situation recently where I was working with an API that only returned one item at a time, but all the items had to be sent back during the update request. That meant that I had to maintain an array containing objects, and give the user t...

Global State in React

Feb 2, 20216 min read

The plan here is to start with a component that has some state, then migrate to maintaining that state in a way that any component in our application can access. Local State Let's start by creating a login button that maintains its own state. The us...

React Loading Spinner

Jan 31, 20215 min read

In this article we'll build a React application that will display a loading spinner whenever data is being fetched from an API. Fetch Data Let's start by creating a hook that will simulate fetching data from an API. // useFetch.jsx import { useState ...

© 2021 Aaron Shivers

PrivacyTerms
Proudly part of