What is a Map?

A map is a collection of keyed data items, just like an object. But the main difference is that, unlike with objects, a map’s keys are not converted into strings, therefore allowing keys of any type. This is one of the most notable and important features of a map.

If We Have Objects, Why Use Maps?

Fair question! I agree that on the surface maps and objects sound a bit similar. But there are a few key differences between the two:

  1. A map remembers…


If you are a React beginner, you are most likely using class components all around in your code and have most likely noticed that, at times, it can be incredibly difficult to keep up with, update, and render your states. For myself, I had a difficult time keeping track of the dreaded “this”! Along with that, class components come with a lot of boilerplate code that are necessary to their functionality, such as constructors and binding.

Before React hooks, we weren’t able to use state in functional components, so if you had a beautifully constructed functional component that all of…


According to Wikipedia, Regular Expressions (henceforth referred to as RegExp) “is a sequence of characters that define a search pattern. Usually such patterns are used by string-searching algorithms for ‘find’ or ‘find and replace’ operations on strings, or for input validation”. For most programmers though, RegExp look like a lot of gobbledygook which is defined as “a language that is meaningless or is made unintelligible by excessive use of abstruse technical terms; nonsense.


Remember the feeling you had when you created your first ‘Hello World’ program? Super exciting right! I can imagine, since then, you have made great strides in your learning and dove deeper and deeper into the syntax of your chosen programming language. As you’ve progressed, you’ve learned about loops, higher order functions, classes, inheritance patterns, etc. You eventually decide that you are ready to begin work on a complete application, and in doing so, you come to a point where you believe collaborating with other developers would be beneficial.

So what’s next? How do you send over your code to…


Before we begin, keep in mind that this is a beginner-friendly dive into React and we will only be going over the fundamentals. The goal is to make this an introduction, rather than a complete guide. If you have prior experience with React, your time will be better spent reading a more in-depth article elsewhere.

Within the scope of this introductory article we will explore some of the fundamental aspects of React. We will begin our journey with a bit of React history, get an understanding of what it is/what it is not, and dive into some of its features…


Before we discuss anything, it’s important to define a couple of key terms that will help us as we journey through this article, namely, ‘instance’ and ‘instantiation’. An instance is something that represents or is an example of something else while instantiation is the production of an instance. Therefore, based off the above definitions, we can confidently gather that an instantiation pattern is a method of producing an instance of something. What exactly are we instantiating? Objects!

As I’m sure you already know, an object is a complex data structure that serves as a way to model real world objects…

Teamer Tibebu

JUNIOR JR Developer learning Front & Backend. I write in order to help myself retain material better but hopefully I can help others along their journey. ENJOY

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