Last time I was looking at React hooks we went over the useState hook. Its a super useful hook and can make code cleaner and more uniform. Now it’s time to look at the other big one in React, useEffect. useEffect is for the side effects that happen when a component has a lifecycle change. Just like useState replaced the need for class components to declare state, useEffect replaces componentDidMount, componentDidUpdate, and componentWillUnmount and has them all work through one API call.

Lets look at this counter I created to demonstrate how it works:

Here is just a simple counter…


I recently completed a skills assessment for my job search and ran into a bit of a wall. I had to solve an algorithm, pretty standard stuff, however I wasn't familiar to any of the languages that were available to solve. One of the languages was python. I tried to make it work but wasn't able to get the solution I wanted simply because I didn't know the language well enough. …


React to me is a great framework for building seamless single page web applications. It has many built in features that allow developers to write their applications in many ways to achieve similar results. Its got all kinds of special sauce laced throughout the framework. Some of that special sauce comes from Hooks!

Basically, hooks allow you to use state and life cycle components without creating new classes. It’s just another way to write the component! Let’s take a look at the most common hooks.

The state hook is probably the most common hook to be used. Instead of creating…


Rails is an awesome web framework that has all kinds of magic sprinkled into it. Built on Ruby, rails allows you to create RESTful API’s super fast and almost without thinking. The fastest way to do this is with a fun little trick called scaffolding.

Scaffolding is a macro built into rails that creates all of the base files you need to run an API on rails and even populates the routes and methods needed to access whatever data or models you want to create. So let’s do some scaffolding and see what it can do.

Start with a base…


Wow. Here we are. The end of my bootcamp experience with Flatiron School. It been a long 15 weeks (actually a couple extra due to the holidays), and I mean long. When I first started I reflected on my past experiences in college and was preparing myself for that kind of reality, a decent workload but nothing crazy. Well let me tell you, a coding bootcamp is nothing like that.

Bootcamps are kind of like drinking from an information water hose with no shutoff insight, and for good reason. Its a ton of stuff to learn! And not only learn…


Iterating over data to create identical elements with different data is paramount to software development. Luckily it’s not too hard to do! Let’s take a look into the structure and method to take a set of data and iterate through it to make cards with React Native.

First, we will start with a pretty basic app and give it a data set. It should look something like this:

Next we will create a new component that will house the individual cards. We are going to iterate through the data set and send the card component just one object to work…


Well hello again. As i’ve been learning the wonderful world of React and React Native, i’ve found myself wanting to spice things up a bit. And by spice things up I mean use images for backgrounds in my apps!

With regular HTML and CSS this is pretty easy. You simply set a background image with a url source in your CSS file and you are good to go! In fact its about the same in regular React as well. But when we get to React Native things become a little trickier, but only a little.

React Native doesn’t use HTML…


One of the first things we covered when starting to learn Javascript at Flatiron was the DOM. Who is he? What does he do? Is he more machine than man? Well, yea pretty much. The DOM is not a person. The DOM actually stand for the Document Object Model. At its very base level it is the data representation of the object that comprise the structure and content of a website. It represents the page so that programs can change and manipulate a web documents style, structure, and content. Basically it’s how things get onto a website in Javascript land.


For the last 7 years or so i’ve spent my time traveling to remote parts of the country to work in the oilfield. Those places are most often sparsely populated and either unbearably frigid or swelteringly hot. This was what I wanted as a Petroleum Engineer and I truly did enjoy the work.

A drilling rig in North Dakota

Then the industry took a massive tumble (crazy for oil right?) with the onset of COVID-19 and everything changed in a heartbeat. I was laid off from a company where I had planned to work for many years. Why was this happening to me? What did I…

Grant Hesketh

Full Stack Software Engineer with an Oilfield past

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store