Understanding Props & Hierarchy in React

In React, we have the ability to pass and share certain information between components with the help of using props (AKA properties). Props are very similar to function arguments in JavaScript and attributes in HTML.

To pass around props, the components are structured in a form of a hierarchy. Every component underneath another in this hierarchy is referred to as a child.

Understanding these concepts as a new React dev can seem confusing, so let’s take a look at props & the hierarchy of components


Here’s a quick example of a prop:

If this is your first time to React, this might seem a bit overwhelming

First, let's look at line 2. In order…

Dealing with impostor syndrome as a programmer and how to manage it.

In many challenges throughout our professional and personal lives, we are held back by the ugly thought that people like us could never succeed despite what we know. We leave the satisfaction of success to other folks because we do not see ourselves to be anything like the sort of people we see winning.

We quickly become convinced that we are simply impostors or frauds and even credit our current success to pure luck. This strange psychological issue is a phenomenon that can leave anybody in any type of industry feeling like a phony.

Impostor syndrome is especially known to…

The for and while loop

Learning a new language can be difficult at times, especially when these languages have new concepts that are foreign to many beginner programmers. One of the most difficult concepts for me to understand was Javascript’s loops.

In Javascript, loops can be used to perform repeated code based on a condition. These conditions typically return true or false when analyzed by our loop. A loop will continue running until the defined condition returns false.

Loops are not too difficult, but sometimes they can confuse those who aren’t too confident or familiar with the concept. …

At some point in my software engineering career, I was introduced to the Ruby programming language, which is known to be one of the easiest programming languages to learn in today's world of programming.

In technical terms, Ruby is:

a dynamic, open-source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.

(As defined in the official ruby page)

When I first got into software engineering, I thought about how the technology came to be. I thought about ancient times when computers didn’t even exist. To think…

Hugo Rodriguez

Aspiring Software Engineer | Student @ Flatiron School

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