Flattening an array means reducing a multidimensional or nested array (an array where some elements are themselves arrays) to one single array with elements in the original order. The first two methods I’ll discuss, spread and reduce(), work on two dimensional arrays, meaning arrays that are one level nested. …


What is Semantic HTML?

Semantic HTML is all about adding meaning to your markup so it is readable to both humans and computers. Your goal should always be to communicate clearly. Semantic markup requires that HTML elements be used according to their intended purpose and maintain the separation of content…


Most new JavaScript developers are pretty familiar with the different ways to work with and manipulate arrays. You have your loops and your maps and filters along with the countless other methods you can use to transform an array. I found that I was less comfortable transforming objects though. Here’s…


Fetch returns a promise and can be used either with promise chaining or with async/await. In both cases, fetch is returning the same result, but how the promise is handled is different depending on which method you choose.

I originally learned how to use fetch using promise chaining (.then), however…


Debugging or identifying problems with your code is an essential skill for being a good developer. It’s not always easy though. …


I just learned how to use the setInterval() method by making a simple stopwatch app using React. Besides the classic stopwatch use case, another way you might use this method is in something called polling where fetch calls are sent repeatedly at intervals.

Let me break down what I learned.


Learning event handling and re-rendering the DOM first in JavaScript and then in React has been an eye-opening experience and I wanted to do the exact same code in both languages to illustrate the pluses and minuses of each.

React accomplishes a lot of what JavaScript does under the hood…


What do I Have Access to in my Event Handler?

*Illustrations by Cristina Spanò via New York Times

While learning about JavaScript event handlers, one of hardest concepts for me to grasp (and one I am still working on) is closure or scope. I found myself continually unsure of what I had access to where, and then once…


When I first started learning about forms, I found it really confusing to have two different versions depending on the situation. Form_tag is used when you don’t have a model while form_for is used with a model. It’s a lot of syntax to remember.

Apparently David Heinemeier Hansson felt the…

Claire DeBoer

Software Engineer

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