This is an article that I have been wanting to write (and have been looking forward to writing for a while). I have struggled with the proper title. I thought about, “Coding Throughout a Pandemic”, or “Coding Bootcamp Still Works!” but I settled on a more broad subject, because everything I have done up to this point, has been worth doing.

Currently, I am a web developer employed at two different companies. I work full time for one company, using various frameworks such as React.js and Ruby on Rails and I am a Rails developer part time for another company…


Using Git with a command line is an important staple for any web developer, but sometimes our text editors can be our best friend when it comes to keeping track of our changes. While I mostly have experience using version control inside Visual Studio Code and RubyMine, I was working on a project in Atom today where I noticed that I had accidentally staged some changes for commit that I did not want. …


Using React Router is a great way to organize your React app. But what happens when you need to pass props to the components inside the router. What happens when you also have unlimited dynamic routes?

Consider how your components might normally look.

It would be really nice to be able to send information about our current user to the articles component. Instead of using a component prop inside this route we can use the render prop instead, which takes a function. Inside the function, we can add a new prop to our component.


If you have ever been on the hunt for a domain name registrar because you have that perfect name for your website, you have probably noticed that there are many options out there. I have tried a couple, I have worked with clients that have various providers and I have done some basic research in order to provide a comparison.

My story

Before I was a web developer and was simply a customer who needed a dotcom, I signed up with GoDaddy for a name. While this is a very popular company, their prices (and especially renewal fees!) are much…


Recently I have been finding myself building larger websites that require some full-stack functionality. Rather than displaying a list of items inside a single route, I was needing to create routes for each item.

Setting up dynamic routes is actually pretty simple. Assuming you have a react app started and router installed, it is pretty simple. Suppose I have a container of articles and I have a headline listed for each one inside the container. I want to be able to click on one of those headlines and go to the page for that article.

Set up the router like…


There are many opinions on the internet on this subject and I thought I should perhaps contribute my own. This will of course be a biased article based on my current levels of knowledge so consider this just one more article in your research of how to become a programmer. I am also going to post some stats from Indeed.com so you can think about what skills employers are hiring for.

I’m going to take a look at some popular languages: Java, Ruby, Javascript, Python and PHP as well as three special languages: SQL, Bash and HTML.

Java


One of the cool parts of Python is the ability to make a new list from writing logic around an existing list. Consider a list/array that has the numbers from 1–6.

listA = [1,2,3,4,5,6]

In Place of Map

Suppose you wanted to have a new list containing each number squared. In most languages this would require using a map method or something similar. You expect to see something like this:

let listWithElementsSquared = listA.map((x) => {return x**2})

With Python however, this can be done inside a new list:

You write a for loop inside the new list, looping over each element. …


In my previous article, I wrote about how to build an API with Flask. This article is about how to deploy it to Heroku, or more specifically, what steps you need to take to prepare your app to be deployed. If you have built your app correctly, it will need some modifications before you can deploy it.

My preferred way of deploying apps is by connecting a Github repository to a service like Heroku or Netlify. It is so easy to deploy your production-ready branch once it is up there. All you need is an account. …


As a Rails developer with the interests of learning a new backend, I decided to dive into the world of Python and Flask recently. There are numerous tutorials throughout the internet on the subject of how to build a Flask backend, and I found it a challenge to build exactly what I was looking to make based off of any one guide. So here is my attempt at explaining how to build an API with Flask.

Installing Packages

Python packages (like Flask) are installed with pip. The first step is to make your new project folder, cd into it and assuming you…


React hooks are a way to be able to use state with a functional component. Since class components are typically used to access state and lifecycle methods, this is a way of being able to have some of those features within a functional component. If you want to use them, they can be set up very quickly.

useState and useEffect

These hooks are both easy to use and can be added to the import line.

How useState works: You define a state variable and a function to update it in a destructured array. The useState function you need to give…

Seann Branchfield

Full Stack Web Developer and Musician — Follow on Twitter @slbranchfield

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