A beginners guide to Algorithms in JavaScript

While the word may seem somewhat alien and even intimidating to some if you are just getting your feet wet. But do not worry, we use algorithms to help ourselves and even use them in our daily lives without even knowing it. I am not referring to the devices or applications you connect with daily, but you as a person. Let’s jump right into it.

What is an algorithm?

The way that I was taught how to better understand algorithms is to think of them like making a grilled cheese and that is not too far off from the truth…

What else can JavaScript do for you and your array’s?

Welcome back to part II of our JavaScript array methods review. As promised in part I, this is where we will be tackling the big 4; filter, for each, map, and reduce. I like to think of them as the big 4 because no developer should be without these methods when faced with array/s of data. If you have already become somewhat familiar with these methods, for each may seem like the odd one out of the bunch. If this is all new to you do not worry as we will be fulling covering this method as well as for…

What can JavaScript do for you and your array’s?

The answer is quite a bit actually. JavaScript has 30 plus built in methods for arrays that make our life a little easier as developers. Almost all of these built-in methods can help save us time by not only making arrays easier to navigate, but by simply using these methods to achieve our goals. Granted that there is such a built-in method to do so, otherwise you could need to do a little extra leg work but that is what we work towards. Solutions.

If you are brand new to arrays, I would suggest that you take a look at…

A beginners introduction to arrays in JavaScript

What is an array?

An array, according to Merriam-Webster definition #2, is `to set or place in order’(a) or `to set or set forth in order (something, such as a jury)’(b). For being such a general definition of an array these two get us awfully close to understanding what an array is in JavaScript. A more technical definition is that an array is a list style object where multiple values can be stored within a single variable. Those values can be any type of data such as a string, a number, or a Boolean.

An array is not limited to…

A beginner’s guide to primitive data types in JavaScript

Photo by Jonathan Borba from Pexels
Photo by Jonathan Borba from Pexels

It is very possible, even if you have just begun exploring JavaScript, that you have already started using or at the very least seen a primitive data type. In this article we will take a deeper look at what a primitive data type is as well as the six JavaScript has; a BigInt, Boolean, Number, String, Symbol, and undefined. Let’s not waste anymore time and jump right into it!

What is are primitive data types?

Before we get into the nitty gritty of the various data types let’s quickly discuss what primitive data types are. By definition, according to Mozilla’s

A quick dive into to state management with Redux, walkthrough included

After having used React for a little while it is fair to say that you have had to deal with state quite often. It is also possible that you have heard mentions of something called Redux that can help you manage your state more efficiently. Now, I should mention that it is entirely possibly to create an application without the implementation of Redux and that is fine, I have done it. But as applications grow and get larger, state becomes more difficult to manage throughout the application’s various component layers. …

What’s the difference between me and you?

A common question that most developers have when learning React is what really is the difference between state and props? Understanding the differences between them are important as well as a big step forward in understanding one of JavaScript’s most popular and extensively used libraries. Let’s first take a look at a simple definition for each before diving into them deeper.

State: describes a default data value in a React component that can change over time, this is usually based off a user’s actions that call for changes in the user’s interface.

Props: short for property or properties, are used…

A Build-A-Long using React Router to navigate through component views

As many of you are aware, React apps are comprised of a number of different components. Some of these components can remain static throughout the user’s experience such as a header or navigation bar. I consider these components to be static due to the fact they will not change in location, size, or its contents over time. On the other hand, there are also components that are dynamic or fluid that can change overtime such as a user’s home feed and an applications blog or news page.

You are probably wondering, what does this have to do with navigating around…

Taking a deeper look at React’s core components

When using components to render your pages or views in React, you will either use a class component or a function component. The question is, which one should you be using and why? This may seem like somewhat of a trick question as you are more than likely going to be dealing with both in your future.

Let’s first take a look at a class component and a functional component that both return what kind of component they are.

Class Component:

Kevin Glasgow

Full Stack Software Engineer | Passion for Frontend and Design | Dirt Rider & Snow Glider | www.linkedin.com/in/kevin-glasgow/

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