When building a front end to an application one of the common needs is a way to communicate with a backend or API. Commonly used to retrieve data, a fetch is the current way to go about this.

The above image it a very basic/standard fetch. On the first line, the actual fetch method is taking in an argument (in this case we are accessing the ‘people’ page of a Star Wars API).

The second line is using ‘.then’ to basically use a promise which is essentially a place holder saying when the response comes back. The whole point of…


While on the job search, one thing that tends to pop up more often than not is “node.js”. According to www.netguru.com Node.js is describes as the following:

“Node.js is an open source, cross-platform runtime environment and library that is used for running web applications outside the client’s browser.

It is used for server-side programming, and primarily deployed for non-blocking, event-driven servers, such as traditional web sites and back-end API services, but was originally designed with real-time, push-based architectures in mind. Every browser has its own version of a JS engine, and node.js is built on Google Chrome’s V8 JavaScript engine.”


One of the foundations of programming in general is the if/else statement. JavaScript is no exception, it can be a powerful tool when creating and dealing with anything, especially when iterating through arrays. The standard if/else statement essentially just checks something against a condition that you create and if it meets that condition, it will do whatever you set in the code block and if it does not meet said condition, it will move on to the next condition that you have set up.

The basic example above is taking and argument of a number and checking to see if…


Math can be considered a fundamental aspect of coding. As with the world/nature in general we humans tend to look to math to make order and reason for things. A large part of predictability can be attributed to the repeatability and governing rules of math. In JavaScript there are multiple built in functions(according to mozilla, these functions are ‘implementation-dependent’ meaning that results can vary from browser to browser).

So what can built in math functions is JavaScript do? There is a whole list of operations that can be used in JS available here but we will take a look at…


Key value pairs are important in coding. They are a great way to tie two related data elements together. A key is a constant that defies the data set while the value is the variable that belongs to the set. A common example of this could be name. Where “name” is the key and in this case “Michael” would be the value. These two data elements are intrinsically tied together once you set them to each other. In Python the syntax for this would look like:

In the example above, ‘name’ and ‘Michael’ are tied together as a key value…


When coding, just like anything else in life, a big part of communicating is using the proper vocabulary. Aside from the Method vs Function debate, when it comes to Python the easiest thing to slip up on vernacular-wise is ‘Array’ versus ‘List’. In the other coding languages that I consider myself familiar with (Ruby and JavaScript) an array is multiple items denoted inside square brackets. The examples below are of a basic array.

An array of the numbers 1–4 in Ruby

Searching for employment can be an interesting process. You will run across many different listings an opportunities in the field. Navigating those prospective landing spots can be exciting and daunting. While perusing possibilities, I came across an entry level position that I was extremely excited about. After stressing over my application and doing my best to make sure that everything was in order, I submitted my entry to the ether. After a few days I was excited to see that I got a response and was prompted to take a quick code test in whatever language I was comfortable with…


A personal portfolio is a website that allows someone to showcase their work. Whether it be art, music, or even code, having a personal landing page can be a great place to drive potential clients or anyone in general that may be interested in what you are about and what you can do. Some key parts of a portfolio webpage could be a showcase where you actually display the some examples of your work that yo are proud of. A typical portfolio page will also have an about page where you would share some background and more personal insight to…


The fundamental aspect of React that makes it such a viable way to construct an application is through it’s use of components. The way that React uses a virtual DOM is what makes it such a fast and constantly updating tool. Components are a great way to separate and control smaller parts of an application that all add up to the totality of it. Slightly akin to the way that one would use partials in a Ruby on Rails application, components are an independent way to write elements of an application that you intend on reusing.

Components themselves can be…


React can be a fast and efficient way to build out an application. Manipulating the virtual DOM cuts down on the time that it takes to display a page, especially when making a change or real-time update. At the center of React is the idea of controlling the state of a component. State is an object in which you store property values of the component that is is in. When you change the state of a component, the component itself re-renders. An example of how one would set state and use it in class component could look something like:

Note…

Michael Abe

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